Не корректно работает медиа запрос только в гугл хром, с чем это связанно?

Question

[Novamoscow]

Проверил в сафари, на кодпен и файрфокс все впорядке. вот ссылка весь код codepen.io/novamoscow/pen/PpWeoz?editors=1100
В самом низу css сам медиа запрос.

media all and (max-width: 969px) and (min-width: 800px) {
.container {
width: 800px;
}
body {
display: none;
}
}

в хроме он срабатывает не корректно, для срабывания нужно размер браузера еще уменьшить на 200 пикселей примерно

Answer 1

[HamSter]

Проверьте чтобы у Вас масштабирование страницы было в норме!

Не 110% и больше\меньше, а 100% prntscr.com/ehri0q

Потому как все нормально работает prntscr.com/ehrj2y

Answer 2

[ukoHka]

Если в хроме включить панель разработчика (F12), то при изменении размеров браузера в левом верхнем углу будут отражаться текущий размер экрана. По ним можно убедиться, что указанный CSS стиль применяется именно при размерах между 800px и 969px

Comments

[Novamoscow]

хм. Странно у меня не так

[Novamoscow]

у меня в хроме от 640пх до 775пх применяется медиа запрос у которого промежуток приминения от 800 до 969

[ukoHka]

Novamoscow: Если уменьшить масштаб страницы в хроме до 80%, указанные стили будут применяться между 641px и 775px, как написал HamSter

[Novamoscow]

ukoHka: Огромное спасибо!) Все заработало как нужно!) Гугл мучал несколько часов, а оказывается все так просто