强制网页在加载时缩放到100%

Dav*_*ell 5 html javascript css jquery

我试图将网站的缩放设置为100%.我知道firefox不支持这个,但我试图让它在chrome中工作.

我设置了缩放:

body {
  padding-top: 0px;
  padding-bottom: 20px;
  zoom: 100%;
}
Run Code Online (Sandbox Code Playgroud)

并且chrome似乎看到css生效:

在此输入图像描述

但是当我增加缩放并刷新时,它不会被设置回100%:

在此输入图像描述

我做错了什么,我该如何解决?CSS/HTML/jQuery答案都很好.

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

var press = jQuery.Event("keypress");
press.ctrlKey = true;
press.which = 48;
// trigger press
Run Code Online (Sandbox Code Playgroud)

Sam*_*son 5

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


gku*_*bed 1

Firefox 不支持该zoom属性,因为它是(并且一直)非标准的。它仅用于缩放网页内容,并不用于控制实际的浏览器设置。

请参阅https://css-tricks.com/almanac/properties/z/zoom/