BFE.devでのAI解答例 - フロントエンド面接質問
114. CSS pixel と device pixelはそれぞれ何？

CSS pixel（CSSピクセル）は、ディスプレイに表示されるWebページ上での1つの長さの単位であり、CSSスタイルシート上で使用されます。一方、device pixel（デバイスピクセル）は、物理的なディスプレイ上での1つの点の大きさを表す単位です。CSSピクセルとデバイスピクセルの比率は、devicePixelRatioで取得でき、この値に基づいてレスポンシブデザインや高解像度ディスプレイへの対応が行われます。たとえば、devicePixelRatioが2であれば、1つのCSSピクセルは2つのデバイスピクセルに対応することになります。