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

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

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

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

ps Про Mobile-detect знаю, но не доверяю этому способу.
  • Вопрос задан
  • 418 просмотров
Пригласить эксперта
Ответы на вопрос 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 какие они значения принемают
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Медиасеть Кострома
от 30 000 до 60 000 ₽
от 100 000 до 150 000 ₽
EVEN Lab Москва
от 100 000 до 180 000 ₽
24 окт. 2020, в 22:43
3000 руб./за проект
24 окт. 2020, в 22:27
2500 руб./за проект