CSS媒体查询和!重要

Question

我有一个使用@media查询的网站,但它似乎没有设置它们.它们始终保持默认样式.

例如:

#div1 { background:red}

@media screen and (max-height:912px) {
#div1{background:blue}
}

将永远坚持背景:红色,除非我使用,!important但在我的媒体查询中,我正在造型这么多选择器.我是否需要设置每个选择器样式!important？

Answer 1

我有同样的问题.我意识到媒体查询必须在样式表的末尾(即使您在工作流程中使用/导入多个文件).

Answer 2

将最大高度更改为最小高度： http: //jsfiddle.net/jnQYb/