默认情况下使HTML页面缩放

Question

我设计了一个页面,当浏览器缩放率为90%时,按钮看起来很好,但默认情况下,其他用户在浏览器中以100/125%+的比例查看它,这导致按钮和输入表单重叠.

因此,我希望在加载JSP页面时将缩放值设置为90%.

我该怎么做呢？进行任何此类设置后可以使页面不可缩放？或者有更好的解决方案吗？

Answer 1

解决了它如下,

在CSS中

#my{
zoom: 100%;
}

现在,它默认加载100%缩放.通过提供290%的缩放来测试它,并且默认情况下由缩放百分比加载,如果他想要改变缩放,则由用户决定.

虽然这不是最好的方法,但还有另一种有效的解决方案

检查堆栈溢出的页面代码,即使它们有按钮,它们也使用未排序的列表来解决这个问题.

Answer 2

在js中你可以改变缩放

document.body.style.zoom="90%"

但它在FF http://caniuse.com/#search=zoom中不起作用

对于你可以试试的

-moz-transform: scale(0.9);

并查看下一个主题如何在Firefox和Opera中缩放HTML元素？

Answer 3

更好的解决方案是不要使页面依赖缩放设置。如果您像拟议的那样设置限制，那么就限制了可访问性。如果某人不能很好地阅读您的文字，他们将无法更改。我会使用适当的CSS使它在任何缩放中看起来都不错。

如果您真的坚持，请看一下有关如何使用JavaScript检测缩放级别的问题（噩梦！）：如何在所有现代浏览器中检测页面缩放级别？