web-dev-qa-db-ja.com

無効にするChromeスケーリング

だから私はChromeでこの小さなボックスディスプレイを持っています

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

しかし、実際には130pxの大きさです。 Chromeは、1080pモニターのため、すべてのWebをスケーリングしています。

Example 1[1]

それを無効にする方法は?あなたがウェブサイトを開発しているときだけそれは迷惑です。

Example 2

6
Peter

Google Chromeバージョン54以降、コンピューターのDPI設定を検出し、それに応じてWebブラウザーをスケーリングするようになりました。以前は、Google ChromeはシステムのDPI設定に注意を払っていませんでしたが、現在は注意を払っています。これが、大きなインターフェースの問題の根本的な原因です。

システムでDPIが100%を超えて設定されている場合、これは「ズームイン」の効果をもたらします。ほとんどの場合、これはエンドユーザーが望むものですが、Web開発者は望んでいません。

ChromeにシステムのDPI設定を無視させるには、次のいずれかのパラメーターを使用してChromeを起動します(ChromeのバージョンとOSに応じて2つの可能性があります)。

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