Question

我的目标是与

具有相同的效果

background-size: cover;

但是这个属性似乎不适用于某些Web浏览器，例如三星galaxy note和samsung neo plus的默认浏览器。我尝试将样式与一些javascript混合，我制作了以下代码：

<script>
    var w = screen.width + "px";
    var h = "auto";
    var size = w+" "+h;
    var style ="background-size: "+size+"; -webkit-background-size: "+size+"; -moz-background-size: "+size+"; -o-background-size: "+size+";";
    document.write('<body style="'+style+'">');
</script>

但是这个解决方案仍然无法使用上述浏览器。

还有其他方法可以实现这种背景行为吗？

Answer 1

我们可以通过为html / body标签提供固定高度来获得预期的行为。

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

网站的全屏幕背景 - 三星默认网络浏览器

1 个答案: