設置背景圖片填滿整個頁面

Question

首先，我知道有很多關於這個主題的，但我不能似乎得到它的權利這一個特定的頁面。

我花了無數時間試圖讓這個權利，我做了我最對我的網站的網頁，但是這一次我只是無法得到正確的。所以這是我現在有：

body, html { 
height: auto; 
min-height: 100%; 

}

body { 
background-image: url(../images/image.png); 
min-width: 1200px; 
background-repeat: no-repeat; 
height: auto; 
min-height: 100%; 
background-size: 100% 100%; 
background-size: cover; 

}

它可以在大屏幕上有些不錯，但在移動身體不覆蓋整個屏幕（同樣沒有上大屏幕，但圖片反正填滿整個屏幕）。

我知道我可以使用

background-attachment: fixed; 

這似乎是工作，當我在Chrome Windows版測試不同的分辨率，但是當你真正嘗試在Android這是行不通的，因爲這是不支持有。

Answer 1

Android不使用px，將其轉換爲dp，搜索google：px to dp。然後設置高度，任何方式身高100％應該工作沒必要最小高度上幾乎所有的現代瀏覽器

Answer 2

完美「適合」的圖像，你可以使用帶有vw（視圖寬度）沿background-size屬性， vh（查看高度）單位：

https://jsfiddle.net/op662k7u/

#b{ 
    background-image: url('https://backgroundss.files.wordpress.com/2013/08/rainbow-background-images.jpg'); 
    background-size: 100vw 100vh; 
} 

，或者如果你只是想高度應用和寬度遵循它的規模：

#b{ 
    background-image: url('https://backgroundss.files.wordpress.com/2013/08/rainbow-background-images.jpg'); 
    background-size: auto 100vh; 
}