在開發(fā)網(wǎng)頁時，我們常常需要使用到各種圖標(biāo)來美化頁面，而通過CSS設(shè)置圖標(biāo)大小是一個常見的需求。那么，怎樣設(shè)置CSS圖標(biāo)大小呢？ 首先，我們需要了解一下CSS中設(shè)置大小的單位： - 像素（px） - 百分比（%） - 視口寬度（vw） - 視口高度（vh） 比較常用的是像素和百分比單位。下面我們將用代碼演示如何使用這兩種單位來設(shè)置圖標(biāo)大小。 使用像素（px）來設(shè)置圖標(biāo)大小：

.icon {
width: 20px; /* 寬20像素 */
height: 20px; /* 高20像素 */
}

這里的.icon代表了一個CSS類名，可以根據(jù)需要自行設(shè)定，這個類名會在HTML文件的標(biāo)簽中使用。這樣，添加.icon類的標(biāo)簽的寬和高都變成了20像素，使其成為一個20x20像素的圖標(biāo)。 使用百分比（%）來設(shè)置圖標(biāo)大小：

.icon {
width: 50%; /* 寬度為父元素寬度的50% */
height: auto; /* 高度自適應(yīng) */
}

同樣，這里也是定義了一個.icon類，將其寬度設(shè)定為父元素寬度的50%。這里的高度使用了auto，表示高度自適應(yīng)。這也是一種經(jīng)典的必備技巧，當(dāng)我們給定了元素的寬度后，將高度設(shè)定為auto可以讓元素按比例自適應(yīng)。 以上就是使用CSS設(shè)置圖標(biāo)大小的基本方法。需要注意的是，這里只介紹了兩種最常用的單位，其實(shí)視口寬度和高度也是非常實(shí)用的單位。在具體實(shí)踐中可以根據(jù)不同的情況和需求選擇合適的單位來進(jìn)行設(shè)置。