我有一个网站
here。
在桌面浏览器中查看,黑色菜单栏只适合延伸到窗口的边缘,因为主体有overflow-x:hidden。
在任何移动浏览器中,无论是Android还是iOS,黑色菜单栏都会显示其全宽,从而在页面右侧显示空格。据我所知,这个空格甚至不是html或body标签的一部分。
即使我将视口设置为< head> ;:中的特定宽度
<Meta name="viewport" content="width=1100,initial-scale=1">
网站扩展到1100px,但仍然有超过1100的空白。
我缺少什么?如何保持视口到1100和切断溢出?
在正文中创建一个网站封装器div,并将overflow-x:hidden应用于body或html的包装器INSTEAD,以
解决问题。
似乎浏览器解析< Meta name =“viewport”>标签只需忽略html和body标签上的溢出属性。
原文链接:https://www.f2er.com/css/223650.html