我正在建立一个响应式网站。但是,当我在移动模式下查看时,我的内容只占屏幕的50%,其余的是空白区域。我可以知道为什么吗?
另外,如何让我的主屏幕背景图像响应?有时它是反应性的,有时它不是。我不知道我哪里出错了。
非常感谢提前。
答案 0 :(得分:0)
检查白色空间中是否有任何div元素突出显示。将有一个div在整个页面上扩展。一旦将其改变为与其他内容相同的宽度,它将适合屏幕宽度。
答案 1 :(得分:0)
您可能错过了<meta name="viewport">
代码。
在这里阅读更多相关信息: https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag
请先尝试在<head>
:
<meta name="viewport" content="width=device-width, initial-scale=1">