如何讓一張圖片不重復(fù)鋪滿整個(gè)瀏覽器？

要讓容器與瀏覽器寬度，高度相等，可以通過設(shè)置html, body的width, height都為100%，然后用body來設(shè)置背景圖片。也可以通過js自動(dòng)調(diào)整容器的width與height。還有就是我最愛的下面神單位vw, vh。

background-position: center center;
background-size: cover;
background-repeat: no-repeat;
width: 100vw;  // 這個(gè)設(shè)置容器寬度為瀏覽器寬度
height: 100vh; // 這個(gè)設(shè)置容器高度為瀏覽器高度

相關(guān)：

七個(gè)你可能不了解的CSS單位

Muze

• 19年3月3日
• 喜歡：0
• 瀏覽：302