设备兼容 CSS - @media

Question

我目前正在使用 @media only screen and (max-width:1000px) {} 设备兼容 css 我的网站在上传后可以在手机上运行，​​但不能在小型显示器电脑上运行（宽度约为 1200 像素）。当我调整浏览器的宽度时，它应该可以在我的家用电脑上运行。语法行是否正确？

Answer 1

您的媒体查询可能重叠。在下面试试这个

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

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

Answer 2

头部缺少这行

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

随之而来的是浏览器缓存，增加了我 CSS 生活的痛苦。