CSS如何讓圖片撐滿頁面

在CSS中，您可以通過設(shè)置圖片的寬度和高度來使其撐滿頁面，以下是一些具體的方法：

1、使用百分比單位：將圖片的寬度和高度設(shè)置為100%，這樣圖片就可以撐滿整個頁面。

img {
    width: 100%;
    height: 100%;
}

2、使用視口單位：使用vw和vh單位，分別代表視口的寬度和高度，如果您想將圖片設(shè)置為視口寬度的100%，可以這樣做：

img {
    width: 100vw;
    height: 100vh;
}

3、使用object-fit屬性：這個屬性允許您控制圖片在容器中的填充方式，如果您想將圖片等比例縮放并填充整個容器，可以這樣做：

img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

這些方法可能會受到瀏覽器和頁面布局的影響，在實際應用中，您可能需要結(jié)合其他CSS樣式或JavaScript代碼來確保圖片能夠正確地撐滿頁面。