手機端背景圖片撐滿整個屏幕

本文轉載自查看原文 2018-10-22 12:47 1180 CSS

HTML設置一個空div，用來放置背景圖片。

<body>
    <div class=“main”></div>
</body>

（1）方法一：高度100%

html,body{
    margin:0;
    height:100%;
}
.main{
    height:100%;
    background:url('./bg.png') no-repeat ; 
}

.main{
    height:100vh;
    width:100vw;        
}

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 如何讓背景圖片充滿整個屏幕? 手機背景圖片自適應瀏覽器屏幕大小，完全填滿設置背景圖片的兩種方式，並解決手機端背景圖片高度自適應問題 css 實現背景圖片平鋪整個屏幕 css - 背景圖片充滿整個屏幕設置背景圖片的兩種方式，並解決手機端背景圖片高度自適應問題設置背景圖片鋪滿整個屏幕微信小程序--背景圖片手機無法預覽 IE9以下通過css讓html頁面背景圖片鋪滿整個屏幕如何通過CSS實現背景圖片自動平鋪或拉伸至整個屏幕（自適應大小）