未应用媒体查询@media screen and (max-width:960px}

Question

在 this page，我有布局：

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

和CSS：

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

但是，当我在 Firefox 响应式视图中查看页面时，当视口小于 961px 时，#container 不会收缩到 100% 宽度。

Answer 1

把(max-width:960px}后面的}改成a)

media query not being applied @media screen and (max-width:960px}