在CSS中，我們通過調整圖片的大小來實現網頁中圖片的大小布局。下面我們來看一下如何實現。
首先，在HTML中，我們需要添加一個![]()
標簽來插入圖片。例如：
p img {
width: 50%;
height: auto;
}上面的代碼將把圖片的寬度設置為其容器的50%，然后根據其寬度自動調整高度，以保持其比例不變。
另外，我們還可以使用max-width和max-height屬性來設置圖片的最大尺寸。例如：p img {
max-width: 100%;
max-height: 50%;
}上面的代碼將把圖片的最大寬度設置為其容器的100%，并將其最大高度設置為其容器的50%。這將確保圖片不會超出其容器的大小。
最后，在使用CSS設置圖片尺寸時，還需要注意以下幾點：
1. 盡量避免使用具體的像素值，而是使用相對值，如百分比或em單位，以實現響應式設計。
2. 圖片的原始比例應該保持不變，否則圖片可能會變形。
3. 如果需要在移動設備上使用可縮放的圖片，請使用srcset屬性來根據屏幕大小選擇最適合的圖像。
希望以上內容可以幫助大家在CSS中調整圖片大小。