☰

禁用 Chrome 缩放

tag-icon • tag-icon linux google-chrome browser chromium web-development
禁用 Chrome 缩放

所以我在 Chrome 中显示了这个小框

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

但实际上它有 130px 大。由于我的显示器是 1080p，Chrome 会缩放整个网页。

例 1[1]

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

示例 2

答案1

从 Google Chrome 54 版开始，它会检测计算机上的 DPI 设置并相应地缩放 Web 浏览器。以前，Google Chrome 不会关注系统的 DPI 设置，但现在它会关注，这就是界面过大问题的根本原因。

如果系统中的 DPI 设置为超过 100%，则会产生“放大”的效果。在大多数情况下，这是最终用户所希望的，但 Web 开发人员却不希望如此。

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

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

答案2

我的问题是 gnome 的“大文本”辅助功能设置。我没有意识到它会被 chrome 浏览器识别。一旦我取消选中，chrome 就会按预期运行。

相关内容