Очень странно срабвтывают @media запросы, что делать?

Question

[dimka_datsiuk]

Cоздавал адаптивные страницы уже не раз, но вот именно сейчас столкнулся со странной проблемой, запрос @media only screen and (min-width : 992px) and (max-width : 1200px), срабатывает не в промежутке 992-1200 pxpx, как хотелось бы, а 794-960 pxpx. Но как только в панели разработчика в Гугл я переключаюсь с Desktop на Mobile, все срабатывает отлично.

Пытался и просто media без only screen, пытался без минимальной ширины, только максимальную указывать, масштаб в браузере поставил в 100%, не получается все равно.

Спасибо :)

Comments

[Danny Arty]

Явно перебиваются стили

[Сергей delphinpro]

Масштаб в браузере. Ctrl+0 для сброса.

[dimka_datsiuk]

Сергей delphinpro, супер, сработало, спасибо большое!!!

Answer 1

[profesor08]

Смотри что у тебя перебивает стили.

Comments

[dimka_datsiuk]

дело в том, что ничего не перебивает.
вот, смотрите, 960px - медиа запрос работает, 962px - запрос пропадает и стили подтягиваются с первоначального файла со стилями.

[Юрий]

dimka_datsiuk, DPR поменяйте на 1 в девтулзах.
Но вообще странно, там масштабирование ×1.25 получается, а не ×2.
992 / 794 = 1200 / 960 = 1.25

Возможно, в ОС установлено масштабирование, смотрите настройки Windows.

[profesor08]

dimka_datsiuk, что-то с масштабированием в системе, а точнее надо включить разные галочки, которые делают так, чтоб программы работали адекватно. Например у меня включено масштабирование 125%, но при этом у меня все в порядке.

Нажми Ctrl + 0 в браузере для начала.

[dimka_datsiuk]

profesor08, хм, очень странно, я запушил свою страницу на гит, скачал с другого ноута на винде (у меня мак) и там все работает прекрасно. да и у меня на прошлых проектах все хорошо срабатывало.

но спасибо большое за ответ, не подскажете еще случайно, какие галочки стоит включить , и где они хоть примерно находятся (на мак ос)

[profesor08]

dimka_datsiuk, что там на маке знать не знаю. Но наверняка можно просто загуглить.