У меня есть таблица стилей устройств, загружаемая для работы с отзывчивым дизайном на веб-сайте, но я изо всех сил пытаюсь сгруппировать несколько разных медиа-запросов именно так, как я хочу.Запросы на средства массовой информации - таргетинг на определенные устройства вместе
У меня есть общий набор стилей для небольшого веб-окна, мобильного устройства при любом повороте и iPad только на портрете.
На данный момент я получаю все, кроме IPad с этим запросом:
@media all and (max-device-width: 480px), all and (max-width: 480px)
Я получаю IPad в портретном с этим кодом:
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
Как совместить эти два медиа-запроса?
Можете привести пример? или предложить почему? Мобильные/смартфоны и планшеты - это разные устройства. iPads также могут быть проблематичными, поскольку разные поколения имеют разные разрешения экрана. – nickhar
Короткий ответ: требования клиентов. В основном, они хотят, чтобы их мобильный сайт для телефонов и весь сайт выглядел хорошо и хорошо функционировал на iPad в ландшафте, но не на портрете, поэтому им нужна версия мобильного сайта на портретном представлении. Невозможно объединить запрос с обеими этими переменными? В настоящий момент моя временная работа полностью дублирует стили, которые глупы. –