當(dāng)我們?cè)谥谱骶W(wǎng)頁(yè)時(shí)，經(jīng)常需要在頁(yè)面中插入圖片以豐富頁(yè)面內(nèi)容。而在展示圖片時(shí)，我們常常需要將圖片適應(yīng)當(dāng)前頁(yè)面的大小。在 CSS 中，我們可以使用以下屬性來(lái)控制圖片的大小和位置。

/* 設(shè)置圖片的寬度和高度 */
img {
width: 100%;
height: auto;
}
/* 圖片水平居中，可以根據(jù)情況調(diào)整左右邊距 */
img {
display: block;
margin: 0 auto;
}

上述代碼中，我們使用了 width 和 height 屬性來(lái)控制圖片的大小。其中，width 屬性設(shè)置為 100%，表示圖片的寬度將占滿其父元素的寬度，而 height 屬性設(shè)置為 auto，表示圖片的高度將隨著寬度的變化而自動(dòng)調(diào)整，以保持圖片的比例。

接著，我們使用了 display 和 margin 屬性來(lái)控制圖片的位置。其中，display 屬性設(shè)置為 block，表示將圖片以塊級(jí)元素的形式顯示，以便使用 margin 屬性設(shè)置其左右邊距。margin 屬性則設(shè)置為 0 auto，表示將圖片水平居中。

通過(guò)以上 CSS 代碼，我們可以很方便地將圖片適應(yīng)當(dāng)前頁(yè)面的大小，并使其水平居中。這樣，在瀏覽器中瀏覽網(wǎng)頁(yè)時(shí)，圖片可以更美觀地展示在頁(yè)面中。