如何使用 CSS 使圖片充滿頁面

隨著 Web 開發的不斷進步，人們對于網頁設計的要求也越來越高。其中，讓圖片充滿頁面是一種常見的網頁設計要求，可以使用 CSS 來實現。下面將介紹如何使用 CSS 使圖片充滿頁面的方法。

1. 使用絕對定位

使用絕對定位可以將圖片放在頁面的任意位置。例如，可以使用 `position: absolute` 屬性將圖片設置為 `top: 50%` 和 `left: 50%`，這樣就可以將圖片放在頁面的中心。

2. 使用偽元素

3. 使用包圍盒

4. 使用媒體查詢

使用媒體查詢可以根據設備的屏幕尺寸和分辨率來調整圖片的大小。例如，可以使用 `@media screen and (max-width: 768px)` 媒體查詢來限制圖片的寬度為 768px，這樣就可以根據屏幕尺寸和分辨率來調整圖片的大小。

通過以上方法，我們可以使用 CSS 使圖片充滿頁面，但需要注意的是，圖片的大小應該合理設置，以免超出頁面范圍，影響用戶體驗。