默认情况下使HTML页面缩放

时间:2014-03-12 07:04:52

标签: html css jsp

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

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

我该怎么做? 进行任何此类设置后可以使页面不可缩放? 要么 有没有更好的解决方案?

3 个答案:

答案 0 :(得分:22)

解决方法如下,

在CSS

#my{
zoom: 100%;
}

现在,它默认加载100%缩放。通过提供290%缩放进行测试,并且默认情况下按照缩放百分比加载,如果他想要更改缩放,则由用户决定。

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

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

答案 1 :(得分:7)

在js中,您可以通过

更改缩放
document.body.style.zoom="90%"

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

对于ff你可以试试

-moz-transform: scale(0.9);

然后查看下一主题How can I zoom an HTML element in Firefox and Opera?

答案 2 :(得分:4)

更好的解决方案是不要让您的页面可以放大缩放设置。如果您设置的限制与您提议的限制类似,则限制了可访问性。如果有人无法很好地阅读您的文字,他们只是无法改变这一点。我会使用适当的CSS使它在任何缩放中看起来都很好。

如果您真的坚持,请查看有关如何使用JavaScript检测缩放级别的问题(噩梦!):How to detect page zoom level in all modern browsers?