为什么@media 会改变正文属性？

Question

我真的不明白为什么要用：

@media screen and (max-width: 720px)

正文更改高度和边距。看看这个样本：

1) 没有@media: http://jsfiddle.net/Clear/xrcxsmpp/

2) 与@media: http://jsfiddle.net/Clear/xrcxsmpp/1/

如您所见，我还尝试将正文属性更改为：

body {
    margin: 0 !important;
    height: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}

有人知道吗？

Answer 1

媒体查询末尾的分号会使正文选择器无效！

只需删除它，这样您就只有右大括号了。

编辑

CSS 中的分号仅在属性 属性 的末尾有效，除此之外它一直都是花括号