CSS是網(wǎng)頁(yè)設(shè)計(jì)中常用的樣式語(yǔ)言，通過(guò)CSS可以控制網(wǎng)頁(yè)的樣式，其中樣式圖片的大小也是CSS很重要的一部分。以下是一些CSS樣式圖片適合大小的建議。

img {
max-width: 100%;
height: auto;
}

上述代碼表示圖片最大寬度為100%，高度自適應(yīng)。這個(gè)代碼可以保證圖片在PC端和移動(dòng)端都能夠適應(yīng)各種屏幕。同時(shí)，這個(gè)代碼還能夠避免圖片失真，保證圖片的質(zhì)量。

.rounded {
border-radius: 50%;
width: 100px;
height: 100px;
}
.center {
display: flex;
justify-content: center;
align-items: center;
}

上述代碼可以將圖片處理成圓形并且居中。這種樣式經(jīng)常在頭像等場(chǎng)合出現(xiàn)。我們?cè)O(shè)置圖片的寬和高相等，并且通過(guò)設(shè)置border-radius為50%可以將圖片處理成圓形。至于居中的問(wèn)題，我們可以采用display:flex;justify-content:center;align-items:center;的方式來(lái)讓圖片水平和垂直方向都居中。

最后，你要牢記的一件事情就是：根據(jù)不同的頁(yè)面大小和設(shè)計(jì)需求選擇不同的圖片大小。這樣才能最大化地展示你的網(wǎng)頁(yè)，讓用戶得到更好的體驗(yàn)。