移动浏览器中的内容溢出,带有“overflow-x:hidden”
尽管为 body 元素设置了“overflow-x:hidden” ,用户在移动浏览器中遇到内容溢出。菜单栏超出了页面的宽度,在右侧留下了空白。
解决方案
要解决此问题,请创建一个包装器
需要注意的是,某些浏览器可能会忽略应用于 的溢出属性。和<主体>使用“meta name='viewport'”标签指定视口时的标签。因此,直接将“overflow-x:hidden”应用于 body 元素可能还不够。
此外,将“position:relative”添加到包装器
以上是为什么我的移动浏览器显示内容溢出,即使正文上有'overflow-x:hidden”?的详细内容。更多信息请关注PHP中文网其他相关文章!