Размер экрана для iPhone 5 VS CSS-запрос

Возможный дубликат:
мультимедийный запрос iPhone 5 CSS

В спецификации iPhone 5 указано размер экрана 1136 на 640

Мой вопрос в том,

Для пейзажа ff я использую max-device-width 568px обратитесь к http://www.stephentgilbert.com/mediaqueries/#iPhone

Вы можете объяснить, почему это работает, когда размер, указанный на сайте iPhone 5, говорит, что ширина будет 1136px

Я знаю, что я смешиваю некоторые из основ. Я был бы признателен, если бы вы могли предоставить мне правильное объяснение и, возможно, связать меня с соответствующими онлайн-ресурсами.

Ответ 1

Дисплей Retina содержит в два раза больше пикселей, чем стандартный дисплей, но iOS рассматривает разрешение как стандартный дисплей для измерения и вывода экрана. Если бы это не так, веб-сайты выглядели бы очень крошечными и уменьшались.

Ответ 2

Отображение iPhone Retina означает, что экран 1136x640 использует виртуальные пиксели 568x320. Каждый пиксель CSS состоит из четырех физических пикселей (2x2).

Так как никто, кто говорит "дайте мне ширину в ширину 100 пикселей" в CSS, хочет, чтобы он отображался в полуразмерном виде на устройстве с более высоким разрешением, таком как дисплей Retina, он не использует физические пиксели в качестве пикселов CSS.