weslyg
@weslyg

Почему мобильные браузеры не принимают медиазапросы?

Сверстал самую обычную страницу. Вписал медиазапрос.
@media screen and (min-width:240px) and (max-width:720px) {
* {background: red;}
}

Десктопный браузер при изменении размера экрана отлично выполняет медиазапрос.
Загрузил все на сервак. Захожу с телефона, показывает дефолтную верстку которая была.
Куда бы не тыкал параметры медиазапроса, не отдает их.
Тестил на телефоне и в Chrome и в Яндекс браузерах.
демка тут
weslyg.tk/test

Скрины: Работает в браузере. (1\2)
Не работает в телефоне: Модель xperia zr 1280x720 android (6.0.1 cm13)

989549d4d9f446ad9ff9cbce49b7ad13.pngead6a8d3308c4d1ea0c77105fa407f1d.png4662b93640b4404ba68795d57ba6d081.png
  • Вопрос задан
  • 200 просмотров
Решения вопроса 1
добавте
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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