重複の可能性:
iPhone 5 CSS メディア クエリ
iPhone 5 の技術仕様では、画面のサイズは 1136 x 640 と記載されています
私の質問はこれです、
横向きの場合、ff http://www.stephentgilbert.com/mediaqueries/#iPhone を参照して、568px の max-device-width を使用します。
iPhone 5 サイトに記載されている寸法で幅が 1136px と表示されているのに、なぜそれが機能するのか説明できますか
ここでいくつかの基本事項と混同していることはわかっています。適切な説明と、関連するオンライン リソースへのリンクを提供していただければ幸いです。
iPhone の Retina ディスプレイは、1136x640 の画面が 568x320 の仮想ピクセルを使用することを意味します。各 CSS ピクセルは、4 つの物理ピクセル (2x2) で構成されます。
CSS で「ここに 100 ピクセル幅の div をください」と言う人は誰もいないので、Retina ディスプレイのような高解像度のデバイスで半分のサイズで表示されることを望んでいないため、CSS ピクセルとして物理ピクセルを使用しません。
Retina ディスプレイには標準ディスプレイの 2 倍のピクセルが含まれていますが、iOS は解像度を測定および画面出力の標準ディスプレイとして扱います。そうしないと、Web サイトはすべて非常に小さく、ズームアウトして表示されます。