@media min-width 无法被 firefox 8 识别

我第一次使用媒体查询，一切进展顺利，但似乎遇到了一个奇怪的问题。

这是我的CSS：

@media only screen and (min-width:481px) and (max-width:768px) { /* tablet portrait */
   css here
}

@media only screen and (min-width:321px) and (max-width:480px) { /* mobile landscape */
   css here
}

@media only screen and (max-width:320px){ /* mobile portrait */
   css here
}

Chrome 中一切正常，样式表也按预期实现。然而，在 Firefox 中，最后一个样式表（最大宽度：320px）未被拾取。

我已经做了很多搜索，但找不到类似的东西。

如果有人有任何建议，非常感激...

这里超级晚了，但只需更改

@media only screen and (max-width:320px){ /* mobile portrait */
    css here
}

to

@media only screen and (max-width:768px){ /* mobile portrait */
    css here
}

由于某些原因，firefox 无法识别低于 480px 的任何内容，因此如果我们将 320px 更改为 768px，它将作为默认值，而更精确的查询将覆盖它。

编辑：确保覆盖元素位于 CSS 中 iphone 的下方。