默认情况下使 HTML 页面缩放答案

【问题标题】：Making HTML page zoom by default默认情况下使 HTML 页面缩放
【发布时间】：2014-04-16 03:47:42
【问题描述】：

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

所以，我想在我的 JSP 页面加载时将缩放值默认设置为 90%。

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

【问题讨论】：

标签： html css jsp

【解决方案1】：

如下解决，

在 CSS 中

#my{
zoom: 100%;
}

现在，它默认以 100% 缩放加载。通过提供 290% 的缩放对其进行测试，默认情况下按该缩放百分比加载，如果用户想要更改缩放，则取决于用户。

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

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

【讨论】：

【解决方案2】：

在js中你可以改变缩放

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

对于ff你可以试试

-moz-transform: scale(0.9);

【讨论】：

-moz-transform: scale(0.9);在 FF 中工作，但不能用它来缩放整个页面。我尝试了* {-moz-transform: scale(1.1);}，这是一团糟，因为元素之间的比例没有被放大。

【解决方案3】：

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

如果你真的坚持，看看这个关于如何使用 JavaScript 检测缩放级别的问题（噩梦！）：How to detect page zoom level in all modern browsers?

【讨论】：