媒体查询未应用@media屏幕和(max-width:960px}

时间:2015-03-29 11:26:44

标签: css responsive-design media-queries

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%宽度。

1 个答案:

答案 0 :(得分:2)

将(max-width:960px}之后的}更改为a)