在 CSS 中,我們可以使用以下兩種方法來使背景滿屏:
第一種方法是使用 background-size 屬性。這個屬性用于設置背景圖像的大小。我們可以將其設置為 cover,以使圖像完全覆蓋整個屏幕。
body { background-image: url("background.jpg"); background-size: cover; }
第二種方法是使用 vh 單位。這個單位表示 viewport height,也就是視口的高度。我們可以將背景的高度設置為 100vh,以使其占據(jù)整個屏幕的高度。
body { background-image: url("background.jpg"); height: 100vh; background-size: auto 100%; }
不過,需要注意的是,當使用 vh 單位時,我們需要將 background-size 的第一個值設置為 auto,以保證圖片不被拉伸變形。