了解デバイスピクセル比

記録してデバイスPixelRatioという特性.
紹介:ウィンド.デバイスPixelRatioは、現在の表示装置の物理画素解像度とCSS画素解像度との比を返します.この値は、1つの物理画素のサイズに対する1つのCSS画素のサイズの比として、画素サイズの割合として解釈することもできる.
window.デバイスPixelRatioは、デバイス上の物理画素とデバイス独立画素(device-independent pixels(dips))の割合である.公式表示はwindowです.デバイスPixelRatio=物理ピクセル/dips
dipまたはdp,(デバイス独立画素)はスクリーン密度に関係する
ページがに設定されると、document.documentElement.clientWidthはほとんどのブラウザの下で、dipsの幅に等しいレイアウトビュー領域の幅を得る.
したがって、デバイス独立画素はcss画素解像度に等しい.すなわち、cssを記述する際には、デバイス独立画素に従って記述する必要がある.
現在のデバイスと比較するには、次の手順に従います.

alert(window.devicePixelRatio);

機能:
1.Windowsを設定できます.DevicePixelRatioの値は、明確なWebページの表示を実現します.
2.ユーザー体験を向上させ、モバイル端末の流量を節約するために、異なるディスプレイに対して、私たちは不要な方案を採用して、画像が異なる表示画面の下で正常に現れることを保証することができて、devicePixelRatioの値を判断することによって普通のディスプレイと高清スクリーンを区別することができて、それから異なるサイズの画像をロードすることができます
後で使うと、更新が続きます.
参考記事:
デバイスピクセル比devicePixelRatio簡単な紹介
Webモバイル端末は、デバイス画素比devicePixelRatioの応用を明確にする必要がある.
Window.devicePixelRatio