1. 程式人生 > >HTML5 body設定全屏背景圖片

HTML5 body設定全屏背景圖片

之前這樣加背景圖測出來有的手機瀏覽器上全屏背景圖寬度超過螢幕寬度,比如mate9,oppo X9上

<div class='box'></div>

html,body{
    width:100%;
    height:100%
}
.box{
    width: 100%;
    height: 100%;
    background: url(a.jpg) no-repeat 0 0 /cover;
}

之後改成這樣就沒啥問題了

html,body{
    width:100%;
    height:100%
}
body{
     background: url(a.jpg) no-repeat top left;
    background-size: cover;
}