响应式CSS加载普通CSS

Question

我正在设计一个响应式网站。 对于该网站，我正在使用div“ two”。 “两个” CSS是

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

和响应式CSS就像休耕

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

减少浏览器窗口时，将加载普通的CSS，而不是“媒体屏幕和（最大宽度：400像素）”

Answer 1

这样做应该是正确的，您有一个ID 2的定义，然后，如果宽度小于400像素，则有另一个空定义。 因此，想象一下删除您的media子句，您就可以了。

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

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