本文目錄導(dǎo)讀：

1. 使用CSS的scale()函數(shù)
2. 使用CSS的width和height屬性
3. 使用CSS的zoom屬性

CSS小圖如何放大？

在網(wǎng)頁(yè)設(shè)計(jì)中，我們經(jīng)常需要將小圖標(biāo)或圖片放大，以使其更加醒目或滿足特定需求，使用CSS（級(jí)聯(lián)樣式表）可以實(shí)現(xiàn)這一功能，下面是一些簡(jiǎn)單的方法。

使用CSS的scale()函數(shù)

CSS的transform屬性中的scale()函數(shù)可以將元素放大或縮小，如果你有一個(gè)小圖標(biāo)，你可以使用以下代碼將其放大2倍：

.icon {
    transform: scale(2, 2);
}

使用CSS的width和height屬性

另一種方法是直接使用CSS的width和height屬性來(lái)放大圖片，這種方法適用于圖片本身可以拉伸的情況。

.image {
    width: 200px;
    height: 200px;
}

使用CSS的zoom屬性

在一些老版本的瀏覽器中，可以使用CSS的zoom屬性來(lái)放大元素，但是需要注意的是，這個(gè)屬性在現(xiàn)代瀏覽器中已經(jīng)被廢棄，因此不建議使用。