移动视图中我站点背景右侧和底部的不需要的空白区域

Question

我正在使用引导程序，只有当我在移动浏览器上时才会出现此问题，当我调整桌面浏览器大小时，背景调整大小并且工作时没有任何白色的额外空白区域。 我的顶部还有一个导航栏被移动浏览器截断但不在桌面上。

在css我有background-size: cover; background-position: center; html { height: 100%} 我也尝试将宽度100％添加到html但没有任何改变。

我不知道为什么这不像桌面上那样。这是网站：https://cantuga.000webhostapp.com/udm/startup/startup.html

Answer 1

从类

下面删除width: 400px;

hr {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

Answer 2

我认为你在谈论溢出。

 html,body{
    overflow-x:hidden;
    }