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