正确的媒体查询语法

Question

当我写这条规则时

header
{
    margin-bottom: 100px;
}

一切都很好，很好。但是如果我将它包装在媒体查询中，它就会停止工作。

@media all and(max-width: 5000px)
{
    header
    {
        margin-bottom: 100px;
    }
}

问题出现在以下网站上：link

如果检查样式表，您将看到一堆不起作用的媒体查询。对我来说这是一个很大的谜，因为他们曾经。

Answer 1

我在CSS中审核了媒体查询。看起来你需要在单词＆＃34;和＆＃34;之间留一个空格。和左括号。

@media only screen and () {}

在此JSBin演示中查看好的和坏的媒体查询：http://jsbin.com/ALiHAFu/1/edit