css - 媒体查询css语法错误，以崇高的文本显示

Question

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

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

以崇高的方式显示边距为白色..然后我在浏览器中进行测试，正如预期的那样，css不适用..上面的语法应该没问题..这是怎么回事？

Answer 1

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

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

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

Answer 2

您没有将这些边距应用于任何元素。媒体查询环绕常规 CSS 选择器，如下所示：

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

有关更多信息，请参阅MDN 的 CSS 媒体查询页面。