Почему media queries начинает отображать изменения в style.css гораздо ниже заданного значения(max-width)?

Question

[np_1_1]

Привет! Вообщем делаю адаптивный сайт,задал следующие параметры:@media screen and (max-width: 768px) Но суть в том, что когда работаю в Chrome Web Inspector, он начинает отображать, сделанные в CSS в Inpspector'е изменения только тогда, когда сворачиваешь экран до 690px, до этого-ноль внимания, хотя на другом сайте все работает до 768 px включительно. Как быть?

Comments

[Exploding]

Скриншот экрана может быть хоть приложите, а то звезды спрятались, кофе закончилось, ромашек нет рядом даже)) Гадать неначем...

[np_1_1]

Exploding: при разрешении 690 px
при разрешении 691 px

Answer 1

[Евгений]

значит что-то неправильно настроили

Comments

[np_1_1]

Очень абстрактный ответ. Сначала задал в htnl в head

<meta name="viewport" content="width=device-width">

, затем media queries с max-width в CSS.

[Евгений]

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

Answer 2

[Negwereth]

Страница вручную не масштабирована?

Comments

[np_1_1]

Масштаб изменяю при помощи перетягивания стрелки,которая располагается на краю окна Web Inspector. До 690 px media queries работают, при 690px и больше-нет.