thehighhomie
@thehighhomie

Media queries не работают запросы?

Начал учить медиа запросы, пишу код для максимальной шырины:
media screen and (max-width: 1680px) {
h2 {
color: red;
}
}
У меня разрешение 1928x1080, в браузерах opera, mozilla, edge в полноэкранном режиме цвет текста красный, получается сработал запрос на максимальную ширину в 1680px. В хроме все нормально работает, и в инструментах мозиллы в адаптивном дизайне все нормально а вот в обычном полноэкранном режиме не работает ничего, сижу полтора часа не как не пойму то-ли браузеры все нужно менять, то-ли я что то не правильно написал...

вот код jsfiddle.net/871hbgjj
Пробовал еще таким способом:
media screen and (min-width: 1441px) and (max-width: 1679px) {
h2 {
font-size: 20px;
color: red;
}
}
такая же ерунда. Подскажите в чем дело?
  • Вопрос задан
  • 3573 просмотра
Решения вопроса 1
kon-rafikov
@kon-rafikov
Не забывайте отмечать решение
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Gonzik007
Вот это в шапку добавть или только meta с viewport
<HEAD>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <!-- Долой quirks mode -->/
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" /> <!-- Чтобы работали Media Queries запросы -->
</HEAD>
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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