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