相关疑难解决方法(0)

Overflow-x:hidden不会阻止内容在移动浏览器中溢出

这里有一个网站.

在桌面浏览器中查看,黑色菜单栏正确地仅延伸到窗口的边缘,因为它body具有overflow-x:hidden.

在任何移动浏览器中,无论是Android还是iOS,黑色菜单栏都会显示其全宽,这会在页面右侧显示空白区域.据我所知,这个空格甚至不是htmlbody标签的一部分.

即使我将视口设置为以下特定宽度<head>:

<meta name="viewport" content="width=1100, initial-scale=1">
Run Code Online (Sandbox Code Playgroud)

该网站扩展到1100px,但仍然有超过1100的空白.

我错过了什么?如何将视口保持为1100并切断溢出?

css overflow viewport mobile-browser

124
推荐指数
9
解决办法
18万
查看次数

标签 统计

css ×1

mobile-browser ×1

overflow ×1

viewport ×1