Retina ディスプレイを搭載した 13 インチの Macbook の購入を検討しています。
Retina ディスプレイ: IPS テクノロジーを採用した 13.3 インチ (対角) LED バックライト ディスプレイ。1 インチあたり 227 ピクセルで 2560 x 1600 の解像度、数百万色をサポート
スケーリングされた解像度: 1680 x 1050、1440 x 900、および 1024 x 640 ピクセル
ブラウザーがメディア クエリを処理するために、スケーリングされた解像度(1680 x 1050) を使用するのか、圧縮された解像度(2560 x 1600) を使用するのかに興味があります。例えば、
@media (max-width: 1200px) {
.container {
width: 900px;
}
}
Retina ディスプレイ (幅 2560px の解像度) を搭載した 13 インチ Macbook Pro で、ブラウザーが圧縮解像度を使用している場合、上記の変更を有効にするには、画面サイズの半分未満にサイズ変更する必要があります。(1200px / 2560px ~ 1/2 screen size)ただし、スケーリングされた解像度を使用する場合は、 、その後、効果はずっと早く起こります。(1200px / 1680px ~ 3/4 screen size)
したがって、メディアクエリで最小幅/高さ、最大幅/高さを考慮するときに、ブラウザーがスケーリングされた解像度を使用するか、圧縮された解像度を使用するかを知りたいです。私の最善の推測は、スケーリングされた解像度を使用しているということですが、確認したい.