Есть ли аналог @media запросов только для мобильных устройств?

Здравствуйте!

Столкнулся с вопросом отображения адаптивного сайта на мобильных телефонах с большими экранами (например 2220×1080). С одной стороны они достаточно велики, чтобы вмещать в себя вёрстку сайта для десктопных устройств,
с другой стороны они недостаточно велики, чтобы можно было комфортно читать на экране информацию.
Стандартные media запросы для мобильных телефонов они не "цепляют", тк экран слишком велик.

Есть ли какой-то способ использовать отдельные css только лишь для мобильных устройств?

ps Про Mobile-detect знаю, но не доверяю этому способу.
  • Вопрос задан
  • 485 просмотров
Пригласить эксперта
Ответы на вопрос 4
profesor08
@profesor08
Это всего лишь разрешение экрана. Это количество физических пикселей. На эти цифры при верстке смотреть вообще не надо. Надо смотреть на dp или dip - Density-independent Pixels. Абстрактная ЕИ, позволяющая приложениям выглядеть одинаково на различных экранах и разрешениях. Посмотреть можно в Настройки - Для разработчиков - Минимальная ширина. Это и есть то самое значение, на которое тебе надо упираться, при адаптации под конкретное устройство. Обычно минимум это 320, либо 360, например у iphone x это 375.
Ответ написан
Комментировать
Используете?
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Ответ написан
Комментировать
@Genexys
фронтенделье
Вы не то смотрите. Почитайте спеку media какие они значения принемают
Ответ написан
Комментировать
@webviktor
flexbox решает
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы