0

Делаю сайт адаптивным, для этого использую media queries. Используется 2 условия: @media only screen and (max-width: 1020px) and (min-width: 600px) и @media only screen and (max-width: 599px). Так вот, на смартфоне с разрешением 800 на 480 почему-то срабатывает первое условие, т.е. грузятся стили для экранов с шириной от 1020px до 600px, нужно, что бы срабатывало второе условие.

Объясните, как так и как исправить?

1
  • Насколько я понимаю, нужна ширина рабочей области или типа того. 26 ноя 2012 в 5:44

1 ответ 1

1

Все решил, в хтмл добавляем строчку:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.