Question

我在html中包含两个css文件，每个文件都有max-width: 480px的媒体屏幕查询，但第一个css文件加载，480px媒体查询在我的手机屏幕上工作但第二个css文件包含480px媒体查询不适用于它包含css格式的表单。任何帮助将不胜感激。

@media screen and (max-width:480px)

编辑：带媒体查询的第一个CSS文件

@media screen and (max-width:480px){
nav{
  height: 200px;
}

.main-pic{
  display: none;
}

.desc{
  max-width: 100%;
}
}

带媒体查询的第二个CSS文件

@media screen and (max-width:480px){
form, fieldset, #num_content{
    width: 100%;
}

fieldset div{
    width: 100%;
}

.options{
    display: block;
    width: 50px;
}

}

Answer 1

事实证明问题出在BlackBerry Z10的浏览器中。出于某种原因，它没有读取第二个css文件中的@media screen，但一切都在我的三星手机上运行。

多个CSS媒体查询无效

1 个答案: