@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.
Подозреваю что дело в установленном мета-теге и плотности пикселей китайского экрана.

Может кто-сталкивался?
  • Вопрос задан
  • 148 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы