モバイル端末の解像度
モバイル端末では、論理上の解像度と、実際の解像度が異なる
https://developer.mozilla.org/ja/docs/Web/API/Window/devicePixelRatio
論理解像度基準で画像とかを扱うと、ぼやける場合がある。
javascriptでは、window.devicePixelRatioで比率を取得できるので、論理解像度だと縮尺がおかしくなる場合に、乗算すると良い
この値が 1 であることは、それが伝統的な 96 DPI (プラットフォームによっては 76 DPI) であることを意味し、2 であることは、HiDPI や Retina のディスプレイであると考えられます。
ピクセル密度非依存の単位としてdpてのもあるらしい
https://parashuto.com/rriver/development/pixel-related-info-for-coping-with-retina-displays