/ / Webブラウザーは圧縮解像度をどのように処理しますか? -css、ブラウザ、メディアクエリ、網膜ディスプレイ、画面解像度

Webブラウザは圧縮された解像度をどう扱うのですか? - CSS、ブラウザ、メディアクエリ、網膜ディスプレイ、画面解像度

Retina Displayを搭載したMacbook 13インチの購入を検討しています。AppleのWebサイトは自慢しています。

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ディスプレイを搭載した13インチMacbook Pro(2560px幅の解像度)、ブラウザが圧縮解像度を使用している場合、上記の変更を有効にするには、画面サイズの半分未満にサイズ変更する必要があります。 (1200px / 2560px ~ 1/2 screen size) ただし、スケーリングされた解像度を使用する場合、効果はより早く発生します。 (1200px / 1680px ~ 3/4 screen size)

それで、ブラウザがメディアクエリで最小幅/高さ、最大幅/高さを考慮した場合のスケーリング解像度または圧縮解像度。私の最善の推測は、彼らがスケーリングされた解像度を使用しているということですが、私は確信したいです。

回答:

回答№1は2

Webブラウザーは、少なくともテスト済みの15インチRetina MBPでスケーリングされた解像度を使用します。