Нужно минимум медиа-запросов

Question

IPHONE X имеет разрешение экрана 375 * 812. IPAD имеет 768 * 1024. Итак, как можно написать медиа-запрос, который будет применяться только к, скажем, IPHONE X альбомному режиму и не должен применяться к портретному режиму IPAD. То же самое необходимо достичь в android устройствах, таких как android phone и android tab. Пожалуйста, помогите мне в этом с минимальными медиа-запросами.

Answer 1

Этот вопрос и этот другой может помочь вам.

Вам нужно использовать min-width, max-device-width, min-height и свойства max-height медиазапросов. Также обратите особое внимание на свойство Ориентация , которое позволит вам определить медиа-запрос как предназначенный для портретной или альбомной ориентации.

Здесь вы перечислили все свойства.