CSS media query on Full HD (1920px) is acting like other one
<p>Consider the following code:</p>

<pre><code>header {
    height: 60px;
    background: red;

    @media (max-width: 1650px) {
        background: blue;
    }
}
</code></pre>

<p>I work with laptop connected to Full HD (1920 x 1080) Resolution screen/monitor
When i look at the webpage with my screen connected the header has a <strong>red</strong> background, so it doesn't response to the 1650px media query.</p>

<p>When i disconnect my laptop (let's say after i restart it to reset the screen settings) and I open the webpage i find out the header's background is <strong>blue</strong> now - means it responses to the 1650px media query</p>

<p>My question is - my laptop is on 1920 resolution (not connected to screen) but responses to the 1650px media query, why is this happening? I suppose to see the webpage just like when my laptop is connected to the screen, it's the same resolution.</p>

<p>Thanks</p>