响应式网站的最小宽度

时间:2016-01-22 02:40:50

标签: html css web

我正在建立一个响应式网站。但是,当我在移动模式下查看时,我的内容只占屏幕的50%,其余的是空白区域。我可以知道为什么吗?

enter image description here

另外,如何让我的主屏幕背景图像响应?有时它是反应性的,有时它不是。我不知道我哪里出错了。

非常感谢提前。

2 个答案:

答案 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">