@TopRaN

На телефоне android не работает @media запрос?

Имеется сайт.
В нем прописаны медиа запросы. Но есть проблема на телефоне андроид верстка отображается не правильно
в хедаре прописано
<meta name="HandheldFriendly" content="true" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<script src="https://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>


сами запросы:
@media (min-width : 1200px) {..}
@media (min-width : 980px) {..]
@media (max-width : 979px) {..]
@media (min-width : 768px) and (max-width: 979px) {..]
@media (min-width : 768px){..}
@media screen and ( max-width : 767px) {..}
@media only screen and (min-width: 481px) and (max-width: 640px) {..}
@media only screen and (min-width: 320px) and (max-width: 480px){..}
@media only screen and (max-width: 320px) {..}

Во всех браузерах и эмуляторах показывает как надо, а вот в хроме на телефоне верстка ниже чем 481рх не работает. Пробовал min-device-width, результат тот же. Определял через скрипт разрешение экрана. Вторые сутки мучаюсь результат ноль.
  • Вопрос задан
  • 421 просмотр
Пригласить эксперта
Ответы на вопрос 2
iamd503
@iamd503
Верстальщик
Уберите only из правила
Ответ написан
@TopRaN Автор вопроса
Вопрос решен. Оказалось долгое кеширование со стороны сервера.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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