Question

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

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

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

示例代码：

<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： 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

浏览器将页面缩放到125％

1 个答案: