我设计了一个页面,当浏览器缩放率达到90%时,按钮看起来很好,但默认情况下,其他用户在浏览器中以100/125%+的比例查看它,导致按钮和输入表单重叠。
因此,我希望在加载JSP页面时将缩放值设置为90%。
我该怎么做? 进行任何此类设置后可以使页面不可缩放? 要么 有没有更好的解决方案?
答案 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?