Устройство совместимо с CSS - @media

Question

В настоящее время я использую только экран @media и (max-width:1000px) {} для css-совместимого устройства для моего веб-сайта, который работал на телефонах после загрузки, но не на небольшом мониторе (шириной около 1200 пикселей). Он предположительно работал на моем домашнем компьютере, когда я настраивал ширину браузера. Правильна ли синтаксическая строка?

Answer 1

Эта линия отсутствовала в голове

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

Наряду с этим был кеш браузера, чтобы добавить к страданиям моей жизни CSS.

Answer 2

Ваш медиа-запрос может совпадать. Попробуйте это ниже одного

@media screen (min-width: 800px) {
         //your style here !
    }

@media screen (min-width: 1200px) {
         //your style here !
    }