如何讓一張圖片不重復鋪滿整個瀏覽器？

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

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

相關：

七個你可能不了解的CSS單位

Muze

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