Каков правильный медиа-запрос CSS, чтобы телефоны Android могли использовать мобильный формат в альбомном режиме?

Question

Я создаю адаптивную тему с помощью медиазапросов CSS для клиентского сайта. Он показывает мобильный сайт на iPhone и Android в портретном режиме, но на Android обычный сайт отображается в альбомном режиме (iPhone показывает мобильный сайт в альбомной ориентации).

Вот медиа-запрос, который я использую для своего тонкого файла CSS:

all and (max-width: 480px), (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2)

Возможно, для большинства телефонов Android может быть другая ширина?

Answer 1

Большинство новых телефонов Android, вероятно, имеют ширину более 800 пикселей в альбомном режиме (что больше соответствует портрету планшета).Однако, возможно, вы захотите добавить также максимальную высоту, которая может определить, что менее 500 пикселей или около того, является «мобильным ландшафтом» и настроить несколько вещей, которые могут вам понадобиться, чтобы отличаться от полного режима.

Answer 2

В пикселях нет размера, который можно было бы считать стандартом на будущее.

Попробуйте использовать физическую ширину (например, 15 см), а не размер в пикселях, который будет широко варьироваться от устройства к устройству.