在使用CSS進行小圖標樣式設計時，我們通常需要控制它的大小以適應頁面的布局排版。下面我們就來介紹一些在CSS中控制小圖標大小的方法。
首先，我們可以使用CSS中的width和height屬性來設置小圖標的大小。比如：

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

這里我們設置了小圖標的寬高都為20px。注意，在設置大小時最好使用像素（px）單位，因為它是固定單位，不受頁面縮放的影響。
除此之外，我們還可以使用CSS中的transform屬性來縮放小圖標的大小。比如：

.icon {
transform: scale(1.5);
}

這里我們將小圖標的大小縮放了1.5倍。需要注意的是，使用transform屬性縮放大小時，它會同時影響寬高、邊框、內邊距和外邊距等樣式。
最后，我們還可以使用偽元素:before或:after來設置小圖標的大小。這種方法通常需要在HTML中添加一些額外的標簽元素，比如：

<i class="icon"></i>

.icon::before {
font-size: 20px;
content: '\1F600';
}

這里我們使用了一個偽元素:before，將字體大小設置為20px，同時設置了它的content為一個Unicode碼，以顯示一個笑臉的小圖標。
以上就是CSS中控制小圖標大小的幾種方法，開發者可以根據實際需求選擇適合自己的方法。