Question

这过去几个小时一直在杀我..

没有媒体查询似乎在我的代码中进行任何更改。 Chrome开发工具中没有任何内容，但它在我的样式表中。

我只是试图在max-width上设置body，并在尺寸高于{{1}时将left和right边距设置为自动}。

这是我的帖子768px代码：

css

输出此css：

body {
  bottom: 0;

  @media and screen (width >= 768px) {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

}

我在我的头标记中添加了body { bottom: 0; } @media and screen (min-width: 768px) { body { max-width: 80%; margin-left: auto; margin-right: auto; } }。我有什么遗失的吗？

当它不在媒体查询中时，它可以正常工作。

http://jsfiddle.net/2msm1p1L/

Answer 1

您的订单混乱了 - and来自screen

body {
  bottom: 0;
}
@media screen and (min-width: 768px) {
  body {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.placeholder {
  background: red;
  height: 200px;
  width: 100%;
}

<div class="placeholder"></div>

媒体查询未加载

1 个答案: