设备兼容的CSS - @media

Question

我目前正在使用@media only屏幕和（max-width：1000px）{}用于我的网站的设备兼容css，该网站在上传后在手机上工作但不在小型显示器pc上（大约1200px宽度）。当我调整浏览器的宽度时，它应该在我的家用电脑上工作。语法行是否正确？

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 !
    }