媒体查询css语法错误,在sublime文本中显示

时间:2013-10-08 14:37:43

标签: css css3 media-queries

这不是崇高的问题,我的代码

@media(min-width:801px){
    margin: 0 auto;
    margin-top: 40px;
    margin-left: 370px;
}

在sublime中显示边缘为白色..然后我在浏览器中测试,并且正如预期的那样,css不适用..上面的语法应该没问题......这是怎么回事?

2 个答案:

答案 0 :(得分:1)

您没有将这些边距应用于任何元素。媒体查询包含常规CSS选择器,如下所示:

@media (min-width:801px) {
    .myClass {
        margin: 0 auto;
        margin-top: 40px;
        margin-left: 370px;
    }
}

有关详细信息,请参阅MDN's CSS media queries page

答案 1 :(得分:1)

您需要在媒体查询中定义一个选择器,例如

@media (min-width: 801px) {
    body {
        margin: 0 auto; 
        margin-top: 40px;
    }
}

http://jsfiddle.net/g7MVx/2/