为什么@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中的半冒号只在属性属性的末尾有效，除了它一直是花括号