使用视口时分区大小会有所不同

Div size differes when viewport is used

本文关键字:有所不同 分区 视口      更新时间:2023-11-17

查看此网站www.naamdesigns.com使用桌面和手机查看此网站。在mobile中,蓝色的标题div并不完全适合屏幕,它只覆盖了50%。为什么会出现这个问题?

为什么设置溢出-x:隐藏在身体标签上?我想在移动设备上,100%的宽度只是可见的部分,其中整个内容不适合,但只有一半。

让我们试着把它放在你的头标签中:

<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>