Разрешение меньше, чем в медиа-запросах, но все равно не работает

Question

моя проблема в том, что мои медиа-запросы работают, но не сразу:

    @media screen and (max-width: 1520px) {
        .class {
          width: 75px;
        }

    }

meta:

<meta name="viewport" content="width=device-width, initial-scale=1">

В инструментах разработчика эти медиа-запросы работают на 1368px, между 1520-1369 и«т.Любая идея?

Я проверил, переписывает ли какой-либо другой класс это .class, но не делает..class не отображается до 1368px.

Если для max-width установлено значение 1368px, оно не работает до 1231px и ниже ... между 1368px-1231px не работает.Это странно.

img

Answer 1

Затем вы должны проверить элемент в браузере, чтобы увидеть, перезаписан ли он другим определением в файле css, или файл css не загружен.Затем вы можете решить добавить дополнительные условия в запрос класса или (не очень хороший вариант) добавить значение «Важно» к значению, например, 75px! Важно.

И убедитесь, что масштаб будет равен 100%:)