其实我是html和css的新手。
我有一个与css媒体查询相关的问题。我只是想改变我的身体背景颜色。 这是我的代码：
@media (max-width: 1000px){
body{
background-color: red;
}
}
最后我得到了以下问题。 背景颜色仅保持红色，因为屏幕＆lt; 666px它将是的地方＆lt; 1000像素。
在666px的屏幕宽度，我的身体颜色仍然是红色，但我想知道为什么身体宽度大约980px。 在666px的情况下截图 https://www.dropbox.com/s/5uikwd3ifkodqlr/Capture.JPG?dl=0在667像素的屏幕宽度上，我的身体变白了。
667px的截图 https://www.dropbox.com/s/ybbu94bnxgcxezy/Capture2.JPG?dl=0
谁能告诉我我的错误在哪里？答案 0 :(得分：0)
在样式表的末尾使用媒体查询。
媒体查询看起来像这样：
@media only screen and (max-width: 1000px){
body{
background-color: red;
}
}
还要注意正确覆盖css，例如你将背景设置为＃container.col-8.content然后你应该在查询中使用相同的
您还必须将其放在文档的<head>中：
<meta name='viewport' content='width=device-width; initial-scale=1.0;' />