我设计了一个网站：http://newyorkfairandlovely.com/，它是响应式的。但是当在计算机上打开网站时，导航栏的背景颜色不会显示在整个屏幕上。图像的完整尺寸为1950px宽。
当屏幕缩小到1024px或更小时，就可以了。
这是css代码：
nav {
position: absolute;
left: 0;
background-color: #9362ae;
float: left;
width: 100%;
margin: 0 auto;
max-width: 1950px;
font-family: "Source Sans Pro", Helvetica, sans-serif;
}
答案 0 :(得分：1)
这应该有所帮助：
body { margin : 0; padding : 0; }
Body与HTML有自己的间距。不同的浏览器有不同的设置，但大多数浏览器在<html>和<body>的边缘之间有一些空格，
并且通常使用body { margin : __; }
答案 1 :(得分：1)
检查括号。您发布的规则嵌套在此下：
@media
only screen and (max-width: 1224px),
(min-device-width: 1024px) and (max-device-width: 1824px) {
/* your rule is here */
}
因此，一旦屏幕尺寸增加到大于1224像素，您的规则将不再适用。
这是为什么正确缩进代码是个好主意的一个例子。
答案 2 :(得分：0)
其父元素的高度/宽度是多少？如果父母都是100％，我相信你可以让它覆盖整个屏幕。另外，请尝试将margin-right设置为0.（我还注意到您的css中有float:left;，这可能是问题的一部分。