關於全屏背景圖片隨屏幕大小自動適應方法

.background-pic{
    background: url(../images/login/background.jpg) no-repeat center center;
    background-size:cover;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

<div class="background-pic"></div>

background-size:cover;  //把背景圖像擴展至足夠大，以使背景圖像完全覆蓋背景區域。背景圖像的某些部分也許無法顯示在背景定位區域中。

background-attachment: fixed;   //fixed: 隨着頁面的滾動軸背景圖片不會移動

注：如若喜歡，歡迎轉載，請在文章頁面明顯位置給出此文鏈接！
若您覺得這篇文章還不錯請點擊下右下角的推薦，有了您的支持才能激發作者更大的寫作熱情，非常感謝！