首页 > 解决方案 > 在移动应用中滚动时,使用什么 CSS 规则来消除烦人的水平空白?

问题描述

我已经验证这不是任何其他元素在其中的任何空间......它只是一个令人讨厌的空白,不会让我在我的网络应用程序中完全垂直滚动。每当我横向滚动时,它就会出现……但如果我放开屏幕,它就会弹回原位!

有人知道怎么修这个东西吗?抱歉,如果问题已经存在。我不知道如何正确解释这个......我已经尝试过这个=>


html, body {
    max-width: 100%;
    overflow-x: hidden;
}

我知道这很难理解。例如,如果您使用的是移动设备,请访问https://www.dominos.com/并尝试横向滚动。你会看到它被锁定了......我该怎么做?

在此处输入图像描述

标签: htmlcssscrollmargin

解决方案


我猜你也需要添加一个最小宽度,我用这样的东西代替百分比。最大宽度:100vw;最大高度:100vh;


推荐阅读