Мой мобильный телефон LG Optimus One имеет разрешение 320х480. Однако на этом мобильном телефоне запускаются только медиа-запросы с максимальной шириной 800 пикселей (и все знают, что 320 = 800!).
Любое объяснение?
Объяснение состоит в том, что запрос максимальной ширины запускается для всех размеров меньше , чем указанная максимальная ширина. Если вы хотите ограничить таблицу стилей до 800px +, вам нужно использовать минимальную ширину 800px.
Вы должны использовать этот код в разделе заголовка:
<meta name="viewport" content="width=device-width, initial-scale=1">
@ Майк Хмм, я подозреваю, что вы могли пропустить декларацию в вашем.Это должно сказать браузеру настроить размер окна просмотра в соответствии с шириной экрана (т. Е. 320 пикселей) вместо (произвольной) ширины экрана рабочего стола, которая была предоставлена по умолчанию (т. Е. 800 пикселей).
Следующая ветка может помочь пролить свет на эту проблему: Браузер Android сообщает о неправильном размере экрана?