Css 媒体查询样式覆盖父项而不检测

所以我有以下几把小提琴：

我目前正在为我的虚拟站点实现我的查询，在我添加以下内容之前，这些查询工作正常。从fiddle中可以看出，#header似乎可以在任何分辨率下适应媒体查询头的宽度。我把它取下来，它很好，没问题。我似乎找不出罪犯。谢谢

@media (min-width: 325px) {
    #contain {
        width:285px;
    }
    #header {
        width:285px;
    }

CSS

使用：

最大宽度

@media (max-width: 325px) {
   #contain {
      width:285px;
   }
   #header {
      width:285px;
   }
} 

此外，我建议使用百分比并给出默认宽度。 例如：

#contain{
   width: yyyypx;
} 

然后查询媒体的最大宽度。还有一件事，你正在做设备宽度-我建议屏幕宽度