为什么@media 改变身体属性？

Question

如果我使用，我真的不明白为什么：

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

body 改变高度和边距。看看这个样本：

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

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

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

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

有人有想法吗？

Answer 1

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

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

编辑

CSS 中的分号仅在属性属性的末尾有效，除了它一直只是花括号