Media queries not working queries?

T

thehighhomie2015-08-29 10:22:05

Browsers

thehighhomie, 2015-08-29 10:22:05

I started learning media queries, writing code for maximum width:
media screen and (max-width: 1680px) {
h2 {
color: red;
}
}
I have a resolution of 1928x1080, in browsers opera, mozilla, edge in full screen mode the text color is red, it turns out that the request for the maximum width of 1680px worked. In chrome, everything works fine, and in Mozilla's tools in adaptive design everything is fine, but nothing works in the usual full-screen mode, I've been sitting for an hour and a half, I don't understand whether browsers need to be changed, or I wrote something wrong. ..
here is the code jsfiddle.net/871hbgjj
I also tried this way:
media screen and (min-width: 1441px) and (max-width: 1679px) {
h2 {
font-size: 20px;
color: red;
}
}
the same nonsense. Tell me what's the matter?

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

A

Archer *range attack +10*, 2018-05-18
@thehighhomie

damienclarke.me/code/posts/those-1px-gaps-between-...

G

Gonzik007, 2016-05-12
@Gonzik007

Add this to the header or just meta with 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>