Question

看看这个网站www.naamdesigns.com 使用桌面和移动设备查看此网站。在移动设备中，蓝色的标题div不完全适合屏幕，它仅覆盖50％。为什么会出现这个问题？

Answer 1

为什么在body标签上设置 overflow-x：hidden; ？我想移动100％宽度只是可见部分，整个内容不适合，但只有一半。

Answer 2

让我们试着把它放在你的头标记中：

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

已添加：

这是我的想法，我不知道它会起作用。让我们制作一个容器来包装所有内容。

<body>
    <div id="wrapper" style="width:100%">
        <div id="your_header"style="width:100%"></div>
        <div id="your_body" style="width:100%"></div>
    </div>
</body>

使用视口时Div大小不同

2 个答案:

已添加：