Почему медиа запросы работают по-разному при сжатии окна браузера и в адаптивном режиме?

Question

[Karin Park]

Скорее всего вопрос тупой, но погуглив я так и не нашла ответа. Помогите, пожалуйста)

Например есть медиазапрос:

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

В адаптивном режиме браузера все работает как надо. А когда просто сжимаю окно браузера медиа запросы уже где то на 880px перестают работать. Пробовала писать просто media без screen или media all , ничего не меняет.

Answer 1

[Flying]

В адаптивном режиме (или режиме эмуляции мобильных устройств) также учитывается (указанное непосредственно или определённое для выбранного устройства) значение pixel density, поэтому если вы выбираете устройство со значением pixel density больше единицы - то значения в ваших медиа-запросах пересчитываются с учётом этого параметра.

В случае же если вы просто меняете размер окна браузера - такого пересчёта не происходит.