我将 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')";
}
纵向屏幕截图:
最佳答案
我相信你可以通过在 CSS 中定义 html 和 body 标签的高度来修复它,如下所示:
html{
height:100%;
min-height:100%;
}
body{
min-height:100%;
}
希望对你有帮助
关于android - 背景尺寸:封面在 Android 平板电脑上无法纵向工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14876035/