在CSS中，我們可以使用width和height屬性來控制圖片的大小，為了讓圖片與頁面一樣大小，我們可以將圖片的寬度設(shè)置為100%，高度設(shè)置為auto，這樣，圖片就會(huì)根據(jù)頁面的寬度自動(dòng)調(diào)整大小，并保持其原始的長(zhǎng)寬比。

以下是一個(gè)示例代碼：

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

在這個(gè)示例中，圖片image.jpg的寬度被設(shè)置為100%，高度則被設(shè)置為auto，這意味著圖片的寬度將始終等于其容器的寬度，而高度則會(huì)自動(dòng)調(diào)整以保持原始的長(zhǎng)寬比。

這種方法僅適用于圖片寬度不超過其原始寬度的情況，如果圖片的寬度超過其原始寬度，那么圖片可能會(huì)被拉伸或壓縮，為了避免這種情況，我們可以使用CSS的max-width屬性來限制圖片的***大寬度。

<img src="image.jpg" style="max-width: 100%; height: auto;">

在這個(gè)示例中，圖片image.jpg的***大寬度被設(shè)置為100%，高度則被設(shè)置為auto，這意味著圖片的寬度永遠(yuǎn)不會(huì)超過其容器的寬度，而高度則會(huì)自動(dòng)調(diào)整以保持原始的長(zhǎng)寬比。

通過CSS的width、height和max-width屬性，我們可以輕松地控制圖片的大小，并確保其與頁面一樣大小。