在网页内容上放大特定元素(HTML,CSS,JavaScript)

7 浏览
0 Comments

在网页内容上放大特定元素(HTML,CSS,JavaScript)

如果用户在移动设备上放大网站,我想只放大网站的特定元素(某个div)。下图展示了我的想法:

enter image description here

如您所见,测试文本被放大,但顶部的div保持相同大小;只有包含测试文本的div被放大/缩放。

有人能给我一些建议如何实现这一点吗?我真的不知道从哪里开始。

更新: http://jsfiddle.net/WyqSf/。如果我在这个页面上放大,它会同时缩放两个元素。我希望只在放大时调整内容元素。我能想到的一种方法是获取用户输入并使用JavaScript调整div的宽度,但这与通常的行为相矛盾。

伪代码:

container.mousemove {
   content.changeWidth();..
}

0