搜尋

首頁  >  問答  >  主體

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

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


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

阿神阿神2871 天前990

全部回覆(9)我來回復

  • 巴扎黑

    巴扎黑2017-04-17 13:46:12

    雷雷

    回覆
    0
  • 迷茫

    迷茫2017-04-17 13:46:12

    雷雷

    回覆
    0
  • 高洛峰

    高洛峰2017-04-17 13:46:12

    雷雷

    回覆
    0
  • PHP中文网

    PHP中文网2017-04-17 13:46:12

    雷雷

    回覆
    0
  • PHPz

    PHPz2017-04-17 13:46:12

    background-size:cover;

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

    回覆
    0
  • 天蓬老师

    天蓬老师2017-04-17 13:46:12

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

    回覆
    0
  • 迷茫

    迷茫2017-04-17 13:46:12

    背景大小:封面;

    回覆
    0
  • PHPz

    PHPz2017-04-17 13:46:12

    width:100%; height:100%;

    高度寬度撐開即可

    回覆
    0
  • 天蓬老师

    天蓬老师2017-04-17 13:46:12

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

    回覆
    0
  • 取消回覆