соотношение сторон устройства (медиазапрос) не работает для Droid 2 - PullRequest
7 голосов
/ 02 ноября 2011

У меня есть контент, который нуждается в различных стилях, в конечном счете, в зависимости от соотношения сторон (в основном он нацелен на одну платформу, но в качестве «хорошего» я ​​хочу сделать контент, по крайней мере, корректным на других платформах). Я обнаружил, что Droid 2 (Android 2.2 stock) не отвечает ни на один из следующих запросов:

only all and (device-aspect-ratio: 854/480)
only all and (device-aspect-ratio: 480/854)
only all and (aspect-ratio: 854/480)
only all and (aspect-ratio: 480/854)

Телефон или операционная система не поддерживают запрос формата изображения? Droid 2 полон грусти? Тесты на соотношение сторон отлично работают для iPhone 3GS / 4 / 4S и iPad для меня. В качестве альтернативы, что бы кто-нибудь посоветовал для обработки разрешений Droid 2 / Nexus после моих тестов соотношения сторон iOS, если они на самом деле не поддерживают соотношение сторон устройства.

Я пытаюсь уклониться от использования max-width, потому что некоторые устройства Android в альбомной ориентации шире, чем iPad в портретной ориентации, и я получаю коллизии, когда устройство неправильно идентифицирует себя как iPad на основе заданной ширины. Любое понимание будет оценено.

Ответы [ 2 ]

1 голос
/ 19 февраля 2012

У меня была такая же проблема, то же самое время назад.Я решил это с помощью динамического разрешения CSS на основе разрешения ширины js / php.В нескольких словах, принимая разрешение по ширине, скрипт изменил размеры всех элементов на% в зависимости от исходного размера -> целевого размера.Для IE та же проблема решена с помощью MS Filter.Работает на всех устройствах, потому что таблица стилей была рассчитана динамически.

0 голосов
/ 08 ноября 2011

А как насчет использования max-device-width и ориентации экрана Droid 2 на 240 точек на дюйм с resolution:240dpi или -webkit-device-pixel-ratio:1.5? К сожалению, у меня нет устройства Android, чтобы проверить это, поэтому я не могу говорить на нем авторитетно.

Refs:

http://www.fiveminutes.eu/targeting-hight-screen-densities-with-css-media-queries/

http://designbycode.tumblr.com/post/1127120282/pixel-perfect-android-web-ui

http://developer.motorola.com/products/droid2/

...