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 */
}

这里没有其他问题。