Android 2.2 2.3 обходной путь для медиа-запроса ширины устройства - PullRequest
4 голосов
/ 21 сентября 2011

Я обнаружил проблему в родном браузере Android 2.2 и 2.3, где device-width мультимедийный запрос CSS и window.screen.width оба размера отчетов на основе документа веб-страницы и примененного масштабирования.

Пример: Масштабирование 1: 1, страница шириной 960 пикселей покажет правильную ширину устройства (скажем, 320 пикселей)

Пример: масштабирование по размеру экрана, страница шириной 960 пикселей, неправильно сообщает ширину устройства 960 пикселей

Так что с соответствующим содержимым метатега области просмотра это кажется предсказуемым. Однако в моем случае я не могу полагаться на метатег. Кто-нибудь использует обходной путь для получения надежного измерения ширины устройства в Android независимо от мета-тега viewport? Другие платформы сообщают об этом правильно при любом масштабировании.

Ref: http://code.google.com/p/android/issues/detail?id=11961

1 Ответ

0 голосов
/ 21 октября 2011

window.outerWidth и window.outerHeight всегда сообщают о пикселях браузера (т. Е. Разрешение экрана за вычетом панелей пользовательского интерфейса, обычно 480x762 на Galaxy S).

Затем можно добавить значение window.devicePixelRatio для вычисления виртуальногоширина пикселя (320 пикселей).

...