设备兼容的CSS-@media

Question

我当前正在使用 @media only屏幕和（最大宽度：1000px）{} 适用于我网站的与设备兼容的CSS，该CSS在上传后可以在手机上使用，但不能在小型显示器PC（宽度约1200px）上使用。调整浏览器的宽度时，据说可以在我的家用PC上运行。语法行正确吗？

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