在網頁設計中，圖標是非常重要的圖形元素，它們能夠使網頁變得更加生動且易于理解。CSS3圖標的出現，為網頁設計師提供了更多的選擇，不僅可以為網頁增添更多的圖標效果，而且還可以自定義CSS3圖標的大小。本文將介紹如何使用CSS3控制圖標的大小。 首先，CSS3中提供了四種控制圖標大小的單位。它們分別是：px、em、rem、%。其中，px是像素單位，而em、rem、%都是相對單位。em是相對于元素的字體大小來計算大小的，rem是相對于根元素的字體大小，%是相對于元素的父元素的大小來計算大小的。因此，在定義圖標大小時，要根據實際情況選擇合適的單位。 以像素為單位定義圖標大小，可以使用如下代碼：

.icon {
width: 30px;
height: 30px;
}

這段代碼將圖標的寬度和高度都定義為30像素。 以em為單位定義圖標大小，可以使用如下代碼：

.icon {
font-size: 2em;
}

這段代碼將圖標的大小設置為父元素的字體大小的2倍。如果父元素的字體大小為16像素，那么這個圖標的大小就是32像素。 以rem為單位定義圖標大小，可以使用如下代碼：

.icon {
font-size: 2rem;
}

這段代碼將圖標的大小設置為根元素的字體大小的2倍。 以百分比為單位定義圖標大小，可以使用如下代碼：

.icon {
width: 50%;
height: 50%;
}

這段代碼將圖標的大小設置為父元素寬度和高度的50%。 總之，CSS3中提供了多種控制圖標大小的單位，根據實際需求選擇合適的單位來定義圖標大小即可。