android - 手机右侧的空白

Question

我知道很多人都在谈论它，但我仍然无法摆脱。 我有一个面向移动设备的网页，但我仍在尝试删除右侧的空白区域。

我在 iOS 上部分解决了这个问题，感谢

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1,maximum-scale=1, user-scalable=0">

和

    html,body
    {
        width:100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
        overflow-x:hidden;
    }

但在 Android 上它几乎总是会发生。虽然 overflow-x 是隐藏的，但实际上，如果我开始向下滚动然后向左拖动，空白就在那里。

如果我从屏幕的最右侧开始向左拖动，它也会变得可见，就好像我想显示滚动条一样。

我想我必须在 CSS 中使用 @meta 标签来解决它，但我不知道如何开始。 有人可以给我一些提示吗？

很遗憾，由于社会政策，我不能分享整个代码。

谢谢大家。

Answer 1

您可以将 Android 设备连接到计算机并检查页面。你试过这个吗？对我来说，这是找到此类错误的最简单方法。