媒体查询未应用于媒体屏幕和(最大宽度:960px)



在这个页面上,我有布局:

<body>
  <div id="container">
        ...
  </div>
</body>

和CSS:

#container {
    width: 960px;
    margin: 1em auto;   
}
@media screen and (max-width:960px} {
    #container {
        width: 100%;
    }   
}

然而,当我在Firefox响应视图中查看页面时,当视图端口小于961px时,#容器不会收缩到100%的宽度。

将(最大宽度:960px)后面的}更改为

最新更新