停用 Chrome 縮放

停用 Chrome 縮放

所以我在 Chrome 中顯示了這個小盒子

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

但實際上它有 130px 大。由於我的 1080p 顯示器,Chrome 正在擴展所有網路。

實施例1[1]

如何禁用它?當你開發網站時,這只會很煩人。

實施例2

答案1

自 Google Chrome 版本 54 起,它現在可以偵測電腦上的 DPI 設定並相應地縮放網路瀏覽器。此前,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 就會按預期運行。

相關內容