css - 多个 CSS 媒体查询不起作用

Question

我在 html 中包括了两个 css 文件，每个文件都包含针对 max-width: 480px 的媒体屏幕查询，但是第一个 css 文件加载并且 480px 媒体查询在我的移动屏幕上有效，但是具有 480px 媒体查询的第二个 css 文件不适用于它包含 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，但在我的三星手机上一切正常。