Помогите разобраться в ситуации с Media Query в CSS3. Суть в том, что один и тот-же сайт в локальный и релизной версии сайта, имели разную ширину экрана. Как так? - подумал я, и ускоренно полез искать косяки в коде. Порывшись немного, решил заглянуть в консоль и увидел странное (для меня) поведение media query:
Локальный сайт:
Размер в эмуляторе -
1150px в ширину
// Здесь то что выше, главнее (в CSS приоритеты
media заданы правильно )
Выполняется свойство
media (min-width:
1200px)
Выполняется свойство
media (min-width: 992px)
Выполняется свойство
media (min-width: 768px)
Выполняется свойство
media (min-width: 576px)
Релизный сайт:
Размер в эмуляторе - 1150px в ширину
// Здесь то что выше, главнее (в CSS приоритеты
media заданы правильно )
Выполняется свойство
media (min-width: 992px)
Выполняется свойство
media (min-width: 768px)
Выполняется свойство
media (min-width: 576px)
Как можно было заметить, свойства
media (min-width: 1200px) здесь нет и это нормально, ведь ширина окна браузера 1150px.
Почему в локальной версии сайта, на той же системе, в одном браузере, в соседней вкладке, поведение media query меняется?Браузер: Google Chrome Версия 78.0.3904.97 (Официальная сборка), (64 бит)
OS: Windows 7 x64
ps Скопировал релизную версию сайта и поднял локально и... всё работает корректно, пока..
