JavaScriptまたはCSSでウィンドウズ10のスケール設定を検出する

Question

私は、1920x1080の画面を持つ小さなラップトップであることに気付きました。ウィンドウズ10はスケーリングを自動的に調整します。私はそれを150％と高く見てきました。これを検出できる方法はありますか？私のメディアの問い合わせは、pxで設定されているので、実行されません。

Answer 1

変数window.devicePixelRatioにアクセスしてください。

WindowプロパティのdevicePixelRatioは、現在のディスプレイデバイスのCSSピクセルの解像度に対する物理ピクセルの解像度の比率を返します。この値は、1つの物理ピクセルのサイズに対する1つのCSSピクセルのサイズであるピクセルサイズの比率として解釈することもできます。簡単に言えば、これはブラウザに、実際のピクセル数を使って1つのCSSピクセルを描画する必要があるかどうかを示します。それについて

さらに詳しい情報：https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio

また、この詳細ここで、このためにCSS resolutionを使用することができます。https://developer.mozilla.org/en-US/docs/Web/CSS/@media/resolution

@media (resolution: 150dpi) { 
    p { 
    color: red; 
    } 
}