2016-05-23 57 views
0

我的目標是有儘可能全屏背景 - 三星默認Web瀏覽器

background-size: cover; 

同樣的效果,但這個屬性似乎不是與某些Web瀏覽器的工作,像三星Galaxy的默認瀏覽器筆記和三星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> 

但這種方法仍不能與上述瀏覽器。

是否有另一種方法來實現這種背景行爲?

回答

1

我們可以通過給html/body標籤賦予固定的高度來獲得預期的行爲。

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

它的工作,你是一個魔術師。謝謝。 – user3415993