禁用 Chrome 缩放

Question

所以我在 Chrome 中有这个小盒子显示

<div style="width:100px;height:100px;background:red"></div>

但它实际上是 130px 大。由于我的 1080p 显示器，Chrome 正在扩展所有网络。

如何禁用它？只有在开发网站时才会烦人。

Answer 1

自 Google Chrome 版本 54 起，它现在会检测计算机上的 DPI 设置\n并相应地缩放网络浏览器。\n以前，Google Chrome 不会关注系统\xe2\x80\x99s DPI 设置，\n但现在它会关注并且这是大接口问题的根本原因。

\n\n

如果系统中DPI设置为100%以上，就会产生“放大”的效果。在大多数情况下，这是最终用户所希望的，\n而不是 Web 开发人员所希望的。

\n\n

要强制 Chrome 忽略系统 DPI 设置，解决方案是使用以下参数之一启动\nChrome\n（有两种可能性，具体取决于 Chrome 版本和操作系统）：

\n\n

\n
• /high-dpi-support=1 /force-device-scale-factor=1
\n
• --high-dpi-support=1 --force-device-scale-factor=1
\n

\n