手机网站标题div问题

Question

我已经搜索过并搜索过，但我们无法弄清楚我犯了什么错误。我的标题div中有一个背景图像，它在屏幕的宽度上展开。换句话说，即使原始图像相对较小，它也可以在屏幕的宽度上无缝扩展。但是，当您在移动设备上查看该站点（作为桌面查看）时，图像不会填满屏幕。相反，它只显示.jpg图像一个，并且不填充屏幕的宽度。

桌面图片：http://i.imgur.com/6ux68GT.png（理想）

移动设备上的图片：http://i.imgur.com/ApcW5xn.png（错误）

这是我对该项目的CSS。我可以添加任何其他所需的信息。在此先感谢您的耐心等待。我正在努力学习。

#headerWrap {
background: #343434 url(../images/template/bg.jpg) repeat-x 0 0;
}

编辑：^错别字纠正，网站仍然正常显示。谢谢大家的回复和建议。

经过更多的研究，似乎图片在屏幕结束处断开，好像图像没有超出初始视图宽度。我现在正在研究下面有人建议的链接。

Answer 1

将此代码放入您的css中，您在背景图片中放置了错误的路径。

#headerWrap {
background: #343434 url(../images/template/bg.jpg) repeat-x 0 0;

Answer 2

我发现您的代码有两个问题：

1]您的图像路径中有一个额外的正斜杠/。

2]您忘记关闭CSS声明块。您需要在代码末尾添加另一个}。

而不是：

#headerWrap {
background: #343434 url(../images/template//bg.jpg) repeat-x 0 0;

试试这个：

#headerWrap {
background: #343434 url(../images/template/bg.jpg) repeat-x 0 0;
}