Android 如何在移动浏览器更改网站背景时填充网站背景'；卷轴上的高度是多少？

我有一个网站，我正试图设计。我在背景中填充了一幅占屏幕高度100%的图像。在计算机上，这一功能非常有效，但在移动设备上，它只占用加载时可用网页空间的100%，其中包括浏览器顶部的URL栏。当你向下滚动时，URL栏消失，在网站背景底部留下一个空白

该网站是一个单一的网页网站。加载时的“主页”/“初始视图”将淡入背景图像。我希望实际的内容在加载时刚好离开屏幕，因此有一个刚好填满屏幕100%高度的背景图像是很重要的

我该如何解决这个问题

下面是我如何填写相关网站的背景和截图

我已经用下面的CSS代码填充了网站的背景

html{
    background: url(../content/BackgroundAndHand03.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100%;
    opacity: 1;
}

---

这可防止滚动通过

html

元素，并允许您的

body

在移动设备上进行过度滚动时保持其位置，因此即使设备支持过度滚动，

html

也会在

body

移动时锁定到所需的颜色或图像

html {
    overflow: hidden;
    height: 100%;
}

body {
    height: 100%;
    overflow: auto;
}

如果您尚未添加此

meta

标记，请确保包含此标记

<meta name="viewport" content="width=device-width, initial-scale=1.0">

---

我发现这不适合我。它不会修复背景图像底部的间隙。溢出控件锁定我的网页内容，即使html设置为隐藏，body设置为自动。