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

Question

Я сейчас использую @media только экран и (максимальная ширина: 1000 пикселей) {} для устройства, совместимого 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 !
    }