浏览器将页面缩放到 125%答案

【问题标题】：Browser is scaling page to 125%浏览器将页面缩放到 125%
【发布时间】：2017-07-10 14:49:34
【问题描述】：

我有一台分辨率为 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>

结果：

【问题讨论】：

如果可能，创建有效的 sn-p 或提供您的网页链接。
您能否只使用浏览器的缩放比例（例如，Ctrl 减号两次）将浏览器的内容显示在该站点上减少到 80%，然后将 125% 的比例减少到 100%？这是一种快速而肮脏的解决方案，但如果您只想以原始分辨率查看该网站，它可能会起作用。
您是否包含此元标记？
@RobWilkins：谢谢建议，我会用它，希望不会产生任何舍入错误。
@SahilDhir：是的，它不会改变任何东西（firefox、opera）

标签： html css opera

【解决方案1】：

终于找到答案了。

对于 Firefox： https://stackoverflow.com/a/24958483/6552578

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

解决方案 - 需要像这样编辑指向 Chrome 的桌面链接：

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

【讨论】：