一个视口不在css中工作

我为站点设置了四个视口，如下所示：

@media only screen and (min-width : 769px) {
 ...
}
@media only screen and (max-width: 768px) {
...
}
@media only screen and (max-width: 480px) {
...
}
@media only screen and (max-width: 320px) {
...
}

并声明了元名称=视口内容=宽度=设备宽度的视口元

---

除了320px之外，所有代码都可以正常工作。即使我只是在浏览器中调整大小，当宽度为320px时，css的宽度为480px。

不确定错误在哪里。请随意将代码上载到JSFIDLE，但您可以通过指定每个媒体查询的最大/最小大小来确保其防弹性

@media only screen and (max-width: 320px) {
...
}
@media only screen and (min-width:321px) and (max-width: 480px) {
...
}
@media only screen and (min-width:481px) and (max-width: 768px) {
...
}
@media only screen and (min-width : 769px) {
 ...
}

---

可能是首要问题。。。。。。。？发布相关的css…上面的代码可能有语法错误..谢谢，ozke。这似乎没有什么不同，但我确实采纳了您的建议，并在JSFIDLE上进行了尝试。它在那里起作用了。。。因此，在浏览器中调整大小是不起作用的。我在Firefox和Chrome上都试过了。奇怪的