。
在桌面浏览器中查看时，黑色菜单栏正确地延伸到窗口的边缘，因为body具有overflow-x:hidden。
body
overflow-x:hidden
在任何移动浏览器中，无论是Android还是iOS，黑色菜单栏都将显示其完整宽度，从而在页面右侧显示空格。据我所知，该空格甚至不是htmlorbody标签的一部分。
html
即使我在中将视口设置为特定的宽度<head>：
<head>
<meta name="viewport" content="width=1100, initial-scale=1">
该站点扩展到1100像素，但仍然有1100以外的空白。
我想念什么？如何将视口保持在1100并切断溢出？
创建内部的一个网站包装DIV <body>并应用overflow-x:hidden到 包装 ，而不是<body>或<html>固定的问题。
<body>
<html>
看来，解析<meta name="viewport">标记的浏览器只是忽略overflow了html和body标记上的属性。
<meta name="viewport">
overflow
注意：您可能还需要添加position: relative到包装div中。
position: relative
