Overflow-x：hidden不会阻止内容在移动浏览器中溢出我这里有一个网站。在桌面浏览器中查看，黑色菜单栏正确地仅延伸到窗口的边缘，因为它body具有overflow-x:hidden。在任何移动浏览器中，无论是Android还是iOS，黑色菜单栏都会显示其全宽，这会在页面右侧显示空白区域。据我所知，这个空格甚至不是html或body标签的一部分。即使我将视口设置为以下特定宽度<head>：<meta name="viewport" content="width=1100, initial-scale=1">该网站扩展到1100px，但仍然有超过1100的空白。我错过了什么？如何将视口保持为1100并切断溢出？
3 回答
红糖糍粑
TA贡献1815条经验 获得超6个赞
我刚刚在这个问题上工作了几个小时，尝试了这个和其他页面的各种组合。最终对我有用的是制作一个网站包装器div，如接受的答案所示，但将两个溢出设置为隐藏而不仅仅是x溢出。如果我在滚动时留下溢出y，我最终得到的页面只能垂直滚动几个像素然后停止。
#all-wrapper {
overflow: hidden;}这就足够了，没有在body或html元素上设置任何内容。
- 3 回答
- 0 关注
- 627 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消