Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 未在媒体屏幕和(最大宽度:960px}上应用媒体查询_Css_Responsive Design_Media Queries - Fatal编程技术网

Css 未在媒体屏幕和(最大宽度:960px}上应用媒体查询

Css 未在媒体屏幕和(最大宽度:960px}上应用媒体查询,css,responsive-design,media-queries,Css,Responsive Design,Media Queries,在这方面,我有: <body> <div id="container"> ... </div> </body> 但是,当我在Firefox响应视图中查看页面时,当查看端口小于961px时,#容器不会收缩到100%宽度。将位于(最大宽度:960px}之后的}更改为a) #container { width: 960px; margin: 1em auto; } @media screen and (ma

在这方面,我有:

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

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

将位于(最大宽度:960px}之后的}更改为a)

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