CSS中，我們可以使用百分比（%）單位來(lái)讓圖片充滿整個(gè)寬度，以下是一個(gè)簡(jiǎn)單的示例：

<img style="width: 100%;" src="image.jpg" />

在這個(gè)示例中，圖片的寬度被設(shè)置為100%，這意味著圖片將充滿其包含元素的整個(gè)寬度，如果你希望圖片能夠充滿整個(gè)頁(yè)面的寬度，那么你可以將包含元素的寬度設(shè)置為100%，或者將圖片直接放在頁(yè)面的body元素中。

這種方法僅適用于塊級(jí)元素（如div、p等）或表格單元格（td），如果圖片直接放在body元素中，那么它的寬度將自動(dòng)填充整個(gè)頁(yè)面寬度。

如果你希望圖片在寬度充滿的同時(shí)，能夠保持其原有的縱橫比（即不拉伸或壓縮圖片），那么你可以使用object-fit屬性來(lái)指定圖片在容器中的填充方式。

<img style="width: 100%; height: auto; object-fit: contain;" src="image.jpg" />

在這個(gè)示例中，圖片的寬度被設(shè)置為100%，高度設(shè)置為auto，并且使用object-fit屬性來(lái)確保圖片在容器中保持原有的縱橫比，這樣，圖片將充滿整個(gè)寬度，而不會(huì)拉伸或壓縮。