html5 - 在body中没有元素把高度撑开的情况下，怎么设置背景图铺满全屏？

Question

html,body{
    background:url(../img/bg.jpg) center center no-repeat;    
}


经测试其他5.5寸以下的手机屏都能完整显示背景图
5.5的不行，页面底部会有30px的留白？

Answer 1

雷雷

Answer 2

雷雷

Answer 3

雷雷

Answer 4

雷雷

Answer 5

background-size:cover;

圖片本身不夠寬高，用這個參數可以讓圖片滿屏，就是會背景溢出窗口

Answer 6

很久以前做WEBAPP封面的時候覺得@media all and (min-device-pixel-ratio: 16/9) {...} 不錯，但是最終沒有機會使用，可以使用多張圖，長寬比無非也就16:9,4:3，或變態魅族15:9,不過樓主，我沒試過。 。 。

Answer 7

背景大小：封面；

Answer 8

width:100%; height:100%;

高度寬度撐開即可

Answer 9

建議了解background-size屬性，https://segmentfault.com/a/11...，這是我寫的對這個屬性的解釋，可以看一下，哈哈