设备兼容 CSS - @media答案

【问题标题】：Device compatible CSS - @media设备兼容 CSS - @media
【发布时间】：2019-05-25 16:07:58
【问题描述】：

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

【问题讨论】：

【解决方案1】：

头部缺少这一行

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

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：