android - 背景尺寸:封面在 Android 平板电脑上无法纵向工作

Question

我将 background-size 属性用于全宽和全高背景图像，但无法在 Nexus7 平板电脑上的 Chrome 中以纵向 View 完全覆盖它。它只覆盖宽度而不是高度，即它下面有大约 200px 的空白区域。但是，当我在桌面 Chrome(或其他任何东西)和垂直显示器上查看该网站以模拟纵向尺寸时，它没有问题。

谁有解决办法？

CSS:

html { 
    background: url(/images/post_bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/post_bg.jpg', sizingMethod='scale')";
}

纵向屏幕截图:

Answer 1

我相信你可以通过在 CSS 中定义 html 和 body 标签的高度来修复它，如下所示:

html{
 height:100%;
 min-height:100%;
 }
body{
 min-height:100%;
 }

希望对你有帮助