html - 设备兼容 CSS - @media

Question

我目前正在为我的网站使用@media only screen 和 (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 !
    }