Question

我正在尝试将网站的缩放设置为100％。我知道firefox不支持这个，但我试图让它在chrome中工作。

我已设置缩放：

body {
  padding-top: 0px;
  padding-bottom: 20px;
  zoom: 100%;
}

Chrome似乎看到css生效了：

但是当我增加缩放并刷新时，它不会被设置回100％：

我做错了什么，我该如何解决？ CSS / HTML / jQuery答案都很好。

编辑：到目前为止看起来最好的方法是在加载时模拟ctrl + 0按键。我已经想出了如何生成它但是如何在没有任何用户输入的情况下触发它？

var press = jQuery.Event("keypress");
press.ctrlKey = true;
press.which = 48;
// trigger press

Answer 1

您（网页作者）对用户的浏览器配置没有任何力量（或应该没有权力）。浏览器的缩放功能是一种辅助功能;许多用户依靠它来使文本可读。作为开发人员/设计人员，尽力满足125％的规模。

Answer 2

Firefox不支持zoom属性，因为它（并且一直是）非标准的。它仅用于扩展网页的内容，并不用于控制实际浏览器的设置。

Answer 3

据我所知，您无法修改缩放级别。模仿Ctrl + 0按键无法正常工作，他们不会在JavaScript和DOM以及浏览器用户界面之间通过这一步骤，原因很简单。所有CSS值（这里提到的那些）都会触发不同的缩放（例如缩放一个特定元素）。

我的主要问题是为什么你甚至想要修正缩放级别？外面有很多人依赖缩放功能来观察您的网站不那么强硬。无论如何，您必须处理不同的浏览器窗口大小，不同的缩放级别几乎不会对您产生任何差异。