Question

编辑：解决了。我不小心在css中间留下了我要删除的媒体查询。还修正了一些错误。谢谢你。作品。

所以我有一堆html和css代码可以正常工作。然后我在css中添加了2个媒体查询，在每个查询中我添加了一些代码，这些代码将覆盖其他一些css。这些媒体查询代码都不起作用。这是我的媒体查询内容：

@media screen and (max-width: 975px){
    body .top_outermost_container {
      width: 976px;
    }
}
@media screen and (max-height: 485px){
    .bottom_bar {
        top: 445px;
        bottom: auto;
    }
}
*/

我把整个代码放在这里：http://codepen.io/anon/pen/CJgqI感谢羚牛！你摇滚真的。顺便说一句，您可能需要将代码复制并粘贴到文本编辑器中，以使浏览器呈现高质量。再次感谢

Answer 1

看起来你正在谈论的问题是你永远不会关闭你的第一个@media查询。 @media screen and (max-width: 975px) and (max-height: 438px){需要“}”。第二个查询不会触发，因为它不能是另一个查询的子节点。因此，在228行左右，您需要在@media screen and (max-width: 975px){查询之前关闭“}”。但是还有其他问题。

您的错误似乎来自HTML，您需要关闭标记“＆gt;”

Line 15: <div class= "top_contained_container" </div>
Line 39: <div class="bottom_list_container1" </div>
Line 49: <div class="bottom_list2" </div>

使用验证工具，例如http://html5.validator.nu/

你的CSS中也有一些错误，例如额外的关闭标签“}”

Line 114: body {overflow: hidden;}}

您可以通过验证工具轻松找到这些内容：http://jigsaw.w3.org/css-validator/validator

Answer 2

跟踪*/似乎可能是一个问题。

你的语法看起来很好，它应该可以工作。

媒体查询中的css未应用

2 个答案: