浏览器正在将页面缩放到 125%

Question

我的显示器分辨率为 2560x1440。我注意到我正在处理的网页已缩放到 125%。因此，如果边框设置为 4px - 它在屏幕上有 5px。它发生在 Opera、Chrome、Firefox 中，但不会发生在 Edge 中。

我认为它与 Windows 字体大小设置有关（在我的计算机上设置为 125%）。

如何使用 CSS 代码（或 head 中的 meta 标记？）或至少在浏览器设置中禁用此功能？

示例代码：

<html>
    <head>
        <!-- it does not change anything -->
        <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
    </head>
    <body>
        <div style="width: 10px; height: 10px; background-color: red;"></div>
    </body>
</html>

结果：

Answer 1

终于找到答案了

Firefox:

Chrome: https://productforums.google.com/forum/#!topic/chrome/_jmREHlt3ZE

解决方案 - 需要像这样将桌面 link 编辑为 Chrome：

"C:\Program Files\Google\Chrome\Application\chrome.exe"  /force-device-scale-factor=1

浏览器正在将页面缩放到 125%

Browser is scaling page to 125%

html

css

opera