响应css加载正常的CSS

Question

我正在设计一个响应式网站。对于该网站，我使用div＆＃34; two＆＃34;。 ＆＃34;两个＆＃34; css是

#two { 
overflow:hidden;
min-height: 85px;
margin-left: 22%;
}

响应式css就像是休闲

@media screen and (max-width: 400px) {
  #two{ 
        //empty field
  }
}

当缩小浏览器窗口时，正常的css正在加载而不是＆＃34;媒体屏幕和（最大宽度：400px）＆＃34;

Answer 1

这应该是行为，你有一个ID 2的定义，然后如果宽度小于400像素你有第二个空的定义。所以想象一下，取出你的媒体条款就可以了。

#two { 
overflow:hidden;
min-height: 85px;
margin-left: 22%;
}
#two{ 
    //empty field
}

当您的屏幕小于400像素时，这就是CSS的活动状态，您可以将媒体查询中的第一个定义包装为仅在屏幕大于400像素时应用，或覆盖您在第一个中设置的每个属性#two block，在媒体查询中的第二个。