移动端浏览器中overflow:hidden属性不起作用。

Question

4

我在网页中使用overflow:hidden来隐藏不好看的div，它在所有网页浏览器中都很好用，但在移动浏览器中却无法正常工作。有人可以帮忙吗？

body
{
    margin: auto;
    display:block;
    overflow-x:hidden;
    overflow-y:hidden;
    height:800px;
}

- youaremysunshine

3个回答

2

在你的body标签内添加一个包装器，然后将overflow-x: hidden应用于该包装器。

- LolaRoux

1

根据您所使用的移动浏览器不同，可能不支持overflow-x和overflow-y。为了覆盖所有情况并实现跨浏览器兼容性，请改用overflow: hidden。

- MattDiamant

1

我将overflow属性改为hidden后，仍然无法正常工作。我正在安卓设备上测试。也许你可以看一下。beauty.org.sg - youaremysunshine

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Pranav Kale · Accepted Answer

尝试在您的HTML中添加以下行：

<meta name="viewport" content="width=device-width, height=device-height">

在你的手机上进行测试。也许这样会有所帮助。