使用Firefox,您只需按下即可放大整个网页CTRL +.这样做是按比例放大整个网页(字体,图像等).
如何使用简单的CSS复制相同的功能?
是否有类似的东西page-size: 150%(这将使整个页面部分增加x%?)
如果用户在移动设备上缩放网站,我想仅缩放我的网站的特定元素(某个div).下图显示了我的想法:

如您所见,测试被缩放,但顶部div保持相同的大小; 只有包含测试的div被缩放/缩放.
有人可以给我一些如何实现这一目标的提示吗?我真的不知道从哪里开始.
更新:http://jsfiddle.net/WyqSf/.如果我放大这个页面,它会缩放两个元素.我想在缩放时调整内容元素.我能想到实现这一目的的一种方法是检索用户输入并使用javascript来调整div的宽度,但这与通常的行为相矛盾.
伪代码:
container.mousemove {
content.changeWidth();..
}
Run Code Online (Sandbox Code Playgroud) 我设计了一个页面,当浏览器缩放率为90%时,按钮看起来很好,但默认情况下,其他用户在浏览器中以100/125%+的比例查看它,这导致按钮和输入表单重叠.
因此,我希望在加载JSP页面时将缩放值设置为90%.
我该怎么做呢?进行任何此类设置后可以使页面不可缩放?或者有更好的解决方案吗?
我搜索了这个并找到了许多解决方案(使用css3过渡).
其实我用的{zoom:1.5}是所有按钮.但它不适用于Firefox.当我使用过渡属性时:
-moz-transform: scale(1.5); /* Firefox */
-moz-transform-origin: 0 0;
Run Code Online (Sandbox Code Playgroud)
我的所有按钮都重叠了.见确定和取消按钮.

这还有其他选择吗?任何帮助?