我在这里有一个网站。
在桌面浏览器中查看，黑色菜单栏仅正确延伸到窗口边缘，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
html``body
注意：您可能还需要添加position: relative到包装器 div。
position: relative
