Задать вопрос
@alpha-kappa

Как писать @media запросы, чтобы они корректно работали на псевдо-HD экранах телефонов?

Я обычно ограничиваю ширину контента устанавливая минимальную ширину тегу body
body { min-width: 480px; }
добавляя мета-тег
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

На текущем сайте минимальная ширина экрана установлена в 480px.
Но на телефоне заказчика сайт отображается обрезанным. На экране видно только начальные 320px из установленных 480-ти.
Телефон у заказчика нормальный - какой-то из новых Xiaomi c экраном не менее 1280x720.
Подозреваю что дело в установленном мета-теге и плотности пикселей китайского экрана.

Может кто-сталкивался?
  • Вопрос задан
  • 149 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    1С-программист
    10 месяцев
    Далее
  • Яндекс Практикум
    Python-разработчик
    10 месяцев
    Далее
  • Академия Eduson
    Frontend-разработчик
    9 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 75 000 до 120 000 ₽
ITK academy Казань
от 75 000 до 130 000 ₽
Data World Москва
До 200 000 ₽