Html 最小化响应网站的宽度

我正在建立一个快速响应的网站。然而，当我在移动模式下查看时，我拥有的内容仅占屏幕的50%，其余为空白。我可以知道为什么吗

另外，如何使主屏幕的背景图像具有响应性？有时是有反应的，有时不是。我不知道我哪里出了问题

---

非常感谢。

请在空白处检查是否有任何突出的div元素。将有一个div扩展整个页面。一旦更改为与其他内容相同的宽度，它将适合屏幕宽度。

您可能缺少

标记

请在此处阅读更多信息：

尝试先在

中插入此选项：

---

您能提供当前背景图像的html/css吗？@ChrisJaquez欢迎来到Koffee King Cup of a Coffee，只需单击一下即可。。。css#头{背景：url（../images/coffee#u bg.jpg）中间顶部；背景重复：无重复；背景大小：封面；-webkit背景大小：封面；/*@@prefixmycss->无等效物*/-moz背景大小：封面；-o-background-size:封面；/*@@prefixmycss->无等效物*/背景附件：固定；边框：1px实心；位置：相对；最小高度：600px；}

<meta name="viewport" content="width=device-width, initial-scale=1">