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

Question

[DredWolf]

@media (min-width: 1920px) {...} - этот медизапрос срабатывает при открытии инспектора окна бразуера с шириной 1920px, однако почему на мониторе 1920x1080 не срабатывают стили этого медиазапроса, а используются другие для еще еще меньшего дисплея смартфона?

Answer 1

[Ankhena]

Я вам еще вчера написала ответ в комментариях.

Проверяйте тут не 100%

Либо неправильно написаны селекторы.
Покажете код в песочнице или ссылку на сайт, станет понятнее.

Comments

[DredWolf]

Верно. А как предсказать, включен ли у посетителя сайта масштаб экрана? Как тогда высчитывать его размеры экрана? Очень многие пользователи ноутбуков включают это масштабирование.

[Ankhena]

DredWolf, ну и пусть себе включают.
У них будет показываться версия другого брейкпоинта.

Что вас смущает?

[DredWolf]

Ankhena, другой брейпоинт все портит, ведь он предназначен для другого разрешения.

[Ankhena]

DredWolf, для какого другого? Если стоит эта настройка, то вьюпорт изменяется.

Вас не смущает, что разрешение 1920 может быть у монитора и 13 дюймов и 27 дюймов.
Т.е. восприятие от одной и той же картинки будет совсем разным.

Какая вам разница, на чем человек смотрит сайт, на 15" ноуте у которого 1366 родное разрешение или на тех же 15", но родных было 1920 и стоит масштабирование?

Если сайт хорошо выглядит на 1920, а на 1366 плохо, то возникают вопросы. Но не к настройке экрана.