Why do media queries work differently when shrinking the browser window and in responsive mode?

Question

Media queries

This is probably a dumb question, but I googled and couldn't find an answer. Help, please)
For example, there is a media query:

@media screen and (min-width:600px) and (max-width: 900px) {
   .col_3 {width:50%}
}

In adaptive browser mode, everything works as it should. And when I just shrink the browser window, media queries stop working somewhere around 880px. I tried to write just media without screen or media all , it doesn't change anything.

Answer 1

In adaptive mode (or mobile device emulation mode), the pixel density value (specified directly or defined for the selected device) is also taken into account, so if you select a device with a pixel density value greater than one, then the values ​​in your media queries are recalculated taking into account this parameter.
If you simply change the size of the browser window, this recalculation does not occur.