在網頁設計中，圖片大小和比例的調整是非常重要的，這不僅會影響美觀度，還會影響網頁的加載速度。CSS中有一個非常重要的屬性——background-size，它可以幫助你簡單地調整圖片大小，使其更適合你的網頁布局。這篇文章將介紹一些CSS中圖片大小百分比的基本用法。

/* 設置圖片背景大小為50%寬度和高度 */
.my-image {
background-size: 50% 50%;
}

使用background-size屬性可以很容易地控制背景圖片的尺寸大小。基本使用格式是background-size: width height;（類似于background-position屬性）。例如，如果你想讓你的背景圖片寬度和高度都只占據50%的空間，你可以這樣寫：

/* 設置圖片背景大小為80%寬度和100%高度 */
.my-image {
background-size: 80% 100%;
}

還可以使用其他單位，如px或em，以及關鍵字cover或contain。例如：

/* 設置圖片背景大小為200px寬度和150px高度 */
.my-image {
background-size: 200px 150px;
}
/* 設置圖片背景大小為覆蓋整個容器 */
.my-image {
background-size: cover;
}
/* 設置圖片背景大小為完全包含在容器中 */
.my-image {
background-size: contain;
}

總結來說，使用background-size屬性可以輕松地調整圖片大小，使其更適合你的網頁布局。你可以根據需要調整百分比、像素和其他單位，以及使用關鍵字cover或contain。要記住的是，盡可能控制好圖片大小和比例，這將有助于提高網頁的美觀度和性能。