だから私はChromeでこの小さなボックスディスプレイを持っています
<div style="width:100px;height:100px;background:red"></div>
しかし、実際には130pxの大きさです。 Chromeは、1080pモニターのため、すべてのWebをスケーリングしています。
それを無効にする方法は?あなたがウェブサイトを開発しているときだけそれは迷惑です。
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