Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
修复向下滚动时Android Chrome背景图像下方的白色条_Android_Html_Css_Google Chrome - Fatal编程技术网

修复向下滚动时Android Chrome背景图像下方的白色条

修复向下滚动时Android Chrome背景图像下方的白色条,android,html,css,google-chrome,Android,Html,Css,Google Chrome,我正在将背景图像应用于网页,但当我在Chrome应用程序的Android设备上查看网站时,向下滚动时,底部会出现一个白色条 我尝试了一个从旧帖子中找到的解决方案: 它可以在三星的互联网应用程序中使用,但上述解决方案似乎不能在安卓Chrome应用程序中使用 代码: 当地址栏消失时,白色栏出现。到目前为止,我找到的唯一纯CSS“解决方案”就是在移动设备上为html元素添加一些额外的高度。当地址栏出现时,这将裁剪背景图像,但它仍然比底部有一个大的白色条要好 @media only screen an

我正在将背景图像应用于网页,但当我在Chrome应用程序的Android设备上查看网站时,向下滚动时,底部会出现一个白色条

我尝试了一个从旧帖子中找到的解决方案:

它可以在三星的互联网应用程序中使用,但上述解决方案似乎不能在安卓Chrome应用程序中使用

代码:


当地址栏消失时,白色栏出现。到目前为止,我找到的唯一纯CSS“解决方案”就是在移动设备上为html元素添加一些额外的高度。当地址栏出现时,这将裁剪背景图像,但它仍然比底部有一个大的白色条要好

@media only screen and (max-device-width: 480px) {
    html {
      height: calc(100% + 60px);
      min-height: calc(100% + 60px);
    }
}
@media only screen and (max-device-width: 480px) {
    html {
      height: calc(100% + 60px);
      min-height: calc(100% + 60px);
    }
}