Я хочу, чтобы медиазапросы только для реального iPad-устройства

Question

-> Здравствуйте, я хочу медиазапросы для Только для iPad с реальным устройством . Я не пытался следовать медиа-запросу, но работал нормально, как в портретной, так и в альбомной ориентации, но хотел, чтобы только альбом с устройством только rel не отображался ни в одном браузере, пожалуйста, помогите мне. Спасибо за внимание .

@ экран только для мультимедиа и (-webkit-min-device-pixel-ratio: 1.5), только экран и (минимальное разрешение: 144 dpi), только экран и (минимальное разрешение: 1.5dppx) {}

Я использовал выше медиа-запросов, но показывал также в портретной, но я хочу только пейзаж

Answer 1

Вы можете настроить таргетинг на orientation в медиазапросах:

@media (orientation: landscape) {
  // your css
}

https://developer.mozilla.org/en-US/docs/Web/CSS/@media / ориентация

Примечание сверху источника:

Примечание. Эта функция не соответствует ориентации устройства. Открытие программной клавиатуры на многих устройствах в портретной ориентации приведет к тому, что область просмотра станет шире, чем высокая, в результате чего браузер будет использовать альбомные стили вместо портретного.