@apodolsky

CSS3: Странное поведение Media Query (min-width) на локальном и релизном сайте?

Помогите разобраться в ситуации с 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 Скопировал релизную версию сайта и поднял локально и... всё работает корректно, пока..
  • Вопрос задан
  • 73 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы