【问题标题】:Overflow:hidden not working on mobile browser溢出:隐藏在移动浏览器上不起作用
【发布时间】:2016-05-26 20:25:11
【问题描述】:

我正在使用 overflow:hidden 在我的网页中隐藏我的 unglam div,它适用于所有网络浏览器,但不适用于移动浏览器。有人可以帮忙吗?

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

【问题讨论】:

    标签: css mobile


    【解决方案1】:

    尝试在您的 html 中添加以下行

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

    并在您的手机上进行测试。也许这应该有所帮助。

    【讨论】:

    • 适用于chrome浏览器!但是这个元标记并不能解决 webview 上的问题。
    【解决方案2】:

    在您的 body 标记内添加一个包装器并将 overflow-x: hidden 应用于该包装器

    【讨论】:

      【解决方案3】:

      根据您使用的移动浏览器,overflow-xoverflow-y 可能不受支持。改用overflow: hidden 覆盖所有基础并兼容跨浏览器。

      【讨论】:

      • 我改成overflow:hidden后还是不行。我在安卓上测试它。也许你可以看看它。 beauty.org.sg
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-08-04
      • 2020-06-10
      • 1970-01-01
      • 2012-10-26
      • 1970-01-01
      相关资源
      最近更新 更多