在網頁設計中，圖標的大小至關重要。過大的圖標會使網頁顯得雜亂無序，而過小的圖標則會影響用戶的體驗。因此，控制圖標大小是一個非常重要的任務。
CSS中有一種很方便的方法，可以自動控制圖標的大小。這種方法是使用“em”單位，而不是“px”單位。
在CSS中，像素（px）是一種絕對單位，即無論什么情況下，一個像素的大小都是固定的。而“em”單位則是一個相對單位，它根據其所在元素的字體大小來計算。例如，如果一個元素的字體大小為16px，那么1em將等于16px。
下面是一個示例代碼，可以使一個圖標的大小根據其所在元素的字體大小自動調整：

.icon {
font-size: 1.5em;
}

在這個例子中，“.icon”是一個CSS類，用于表示圖標的樣式。我們將其字體大小設置為1.5em，這意味著它將自動調整為其所在元素字體大小的1.5倍。如果其所在元素字體大小為16px，則圖標大小為24px（因為1.5em = 24px）。
這種方法的好處是，如果我們決定更改網站的整體字體大小，并且所有元素的字體大小都同時更改了，那么圖標的大小也會自動相應地調整。
需要注意的是，這種方法并不適用于所有情況。如果我們希望圖標的大小與其周圍的文本大小相同，那么應該使用一個固定的像素大小，而不是em單位。另外，如果我們的網站需要支持不同的分辨率和屏幕大小，那么可能需要使用網格布局或響應式設計等技術，來確保圖標大小在不同設備上都能適當顯示。
總之，使用“em”單位來控制圖標大小是一種很好的方法，它可以自動根據字體大小來調整圖標大小。當我們?yōu)榫W站設計圖標時，一定要考慮它們應該在什么大小下顯示最佳效果，并選擇最適合的單位進行控制。