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

【问题标题】：Full screen background for a website - samsung default web browser网站的全屏背景 - 三星默认网络浏览器
【发布时间】：2016-09-20 09:18:54
【问题描述】：

我的目标是和

一样的效果

background-size: cover;

但此属性似乎不适用于某些 Web 浏览器，例如 samsung 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>

但是这个解决方案仍然不适用于上面提到的浏览器。

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

【问题讨论】：

标签： javascript android html css browser

【解决方案1】：

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

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

【讨论】：