css - 媒体查询中的最大宽度什么都不做

Question

我正在努力使我的网站设计具有响应性。

到目前为止，我有以下规则:

@media screen and (min-width: 1000px) {
    /* styles for screen width 1000px and wider */
}
@media screen and (min-width: 500px)and (max-width: 800px) {
    /* styles for screen width between 500px and 800px */
}

出于某种原因，最后一个媒体查询不起作用。事实上，它完全去除了页面上每个元素的所有样式。

我一直在环顾四周，但找不到任何关于为什么会这样或我做错了什么的提示......

我觉得我错过了一个概念或其他东西......每个人都在和我谈论百分比，而当我接受它时，我没有看到它与不应用样式的媒体查询有何关系规则。

任何人都可以澄清一下吗？

提前致谢!

Answer 1

您没有结束评论标签。

@media screen and (min-width: 1000px) {
    /* styles for screen width 1000px and wider */
}
@media screen and (min-width: 500px)and (max-width: 800px) {
    /* styles for screen width between 500px and 800px */
}

这里没有其他错误。