css - 网站刚刚忽略了移动设备上的所有媒体查询

Question

我一直在做的网站刚刚开始忽略所有媒体查询。我似乎找不到问题。

http://fnd.instinctdigitalmedia.com/

在主页上，“浏览我们的产品”部分下的图片应根据屏幕宽度而变化。在 320px、480px 和 768px 屏幕宽度下，它仍显示原始图片。

Answer 1

您必须以祖先或父代为目标来覆盖先前查询所做的事情。从 760px 到覆盖其样式规则，您应该添加调用 img 的父 #content 以覆盖 760px 中的规则

例子: #content > img {width:25%;}

@media screen and (max-width : 480px){
   #content > img {width:50%;}
}

@media screen and (max-width : 760px){
    img {width:100%;}
}