2017-02-21 357 views
3

编辑:我犯了错误。浏览器正在缩放到120%,而不是125%。浏览器将页面缩放至120%

我有一个分辨率为2560x1440的显示器。我注意到我正在处理的网页被缩放到120%。所以如果边框设置为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> 

结果:

Browser scaling

+0

如果可能的话,创建工作片段或提供您的网页链接。 –

+0

您可以使用浏览器的缩放比例(例如,减去两次控件)来将浏览器的内容显示减少到该网站的80%,并将125%的缩放比例降低到100%?这是一个快速而肮脏的解决方案,但如果您只想以自己的原始分辨率查看该网站,则可能会有效。 –

+0

是否包含此元标记? –

回答