Как выбрать конкретные видовые окна с медиа-запросами

Question

Я пытаюсь выбрать область между 767px и 1024px .

Я хочу применить это к экрану , iPad портрету , но НЕ iPad пейзаж .

Это некоторые запросы, которые я пробовал безуспешно.

@media only screen and (max-device-width: 1024px) and (orientation: portrait), screen and (min-width: 767px) and (max-width: 1024px) { ... }

Проблема заключается в том, что ландшафт iPad попадает в запрос 767 и 1024, поэтому я не знаю, как исключить видовой экран iPad для определенного ландшафта.

Answer 1

как насчет:

<link rel="stylesheet" media="screen (max-device-width: 1024px) and (orientation:portrait)" href="portrait.css" />
<link rel="stylesheet" media="screen (max-device-width: 1024px) and (orientation:landscape)" href="landscape.css" />

, тогда сделайте так: so

Я не уверен, что вы имеете в виду ...те делают это.В любом случае, вот еще одно решение, поэтому вы можете исключить iPad Landscape / * iPad (альбомная) ----------- / @media only screen и (min-device-width: 768px) и (max-device-width: 1024px) и (ориентация: альбомная) {/ Стили * /}

/ * iPad (портрет) ----------- / @экран только для мультимедиа и (min-device-width: 768px) и (max-device-width: 1024px) и (ориентация: портрет) {/ Стили * /}