Медиа-запросы - альбомный режим на iPhone слишком большой

Question

Я использую следующий медиа-запрос в моем css:

@media screen and (max-device-width: 480px) {}

Это хорошо смотрится на моем старом iphone 3g ... но когда я меняю ориентацию с портретной на альбомную ... он взрывается.слишком большой, слишком широкий.

Я пробовал это:

@media only screen and (min-device-width : 320px) and (max-device-width : 480px {}

Не помогло.

Есть предложения?

Я бы предпочел НЕ вставлять запрос, специфичный для ландшафта - я бы хотел общий, если это возможно.

(и да, сжатие экрана вроде работает ... но это не тот пользовательский опыт, который я ищу.)

Спасибо, JD

Answer 1

У вас есть мета-тег viewport? Если нет, вы можете использовать следующее, чтобы сообщить iPhone, чтобы он сообщал ширину своего окна просмотра как ширину экрана в пикселях:

<meta name="viewport" content="width=device-width" /> 

По умолчанию , iPhone сообщает о ширине 980 пикселей.