默认情况下使HTML页面缩放

默认情况下使HTML页面缩放,html,css,jsp,Html,Css,Jsp,我设计了一个页面,当浏览器缩放为90%时,按钮看起来不错,但默认情况下,其他用户在浏览器中以100/125%以上的速度查看,这导致按钮和输入表单重叠 因此,我希望在加载JSP页面时,将缩放值默认设置为90% 我该怎么做? 在进行任何此类设置后,是否可以使页面不可缩放? 或 有更好的解决方案吗?在js中,您可以更改缩放比例 document.body.style.zoom="90%" 但它在FF中不起作用 对于ff,你可以试试 -moz-transform: scale(0.9); 查看下一

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

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

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

在js中,您可以更改缩放比例

document.body.style.zoom="90%"
但它在FF中不起作用

对于ff,你可以试试

-moz-transform: scale(0.9);

查看下一个主题

一个更好的解决方案是不要让页面在缩放设置上可靠。如果你像你提议的那样设置限制,你就是在限制可访问性。如果有人不能很好地阅读你的文本,他们就无法改变这一点。我会使用适当的CSS使它在任何缩放中看起来都很漂亮

如果您真的坚持,请看一看如何使用JavaScript检测缩放级别的问题(噩梦!):

解决方法如下:

在CSS中

现在,默认情况下加载100%缩放。通过提供290%的缩放率对其进行测试,默认情况下按该缩放率加载,如果用户想要更改缩放,则由用户决定

尽管这不是最好的方法,但还有另一个有效的解决方案


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

听起来好像有CSS问题,为什么不考虑适当的HTML和CSS而不是缩放?CSS <代码> ZoOM属性只适用于旧版本的Internet爆炸器!这正是我提供第二个解决方案的原因。
html{zoom:160%;}
工作正常,使用Ctrl+0将缩放设置为160%,这使得谷歌地图在除Firefox之外的所有浏览器上都会崩溃。我想你也可以使用设备端口moz transform:scale(0.9);在FF中工作,但无法使用它缩放整个页面。我尝试了
*{-moz transform:scale(1.1);}
,这是一个混乱,因为元素之间的比例并没有按此缩放。我的页面嵌入到一个网站中,该网站使用的字体和图标比我的页面更小。因此,我们还希望调整页面的相对缩放级别。请注意,浏览器缩放级别仍然适用。
#my{
zoom: 100%;
}