CSS是一種強(qiáng)大的樣式表語言，可以很好地控制網(wǎng)站的外觀和布局。其中一項(xiàng)重要功能是控制SVG（可縮放矢量圖形）的大小。SVG是一種使用XML表示的矢量圖形格式，可以以任意大小縮放而不失真。下面介紹如何使用CSS控制SVG的大小。

/* 控制SVG的寬度和高度 */
svg {
width: 100px;  /* 設(shè)置寬度為100像素 */
height: 50px;  /* 設(shè)置高度為50像素 */
}
/* 控制SVG的最大寬度和最大高度 */
svg {
max-width: 100%;   /* 設(shè)置最大寬度為父元素的100% */
max-height: 200px; /* 設(shè)置最大高度為200像素 */
}
/* 控制SVG的最小寬度和最小高度 */
svg {
min-width: 50px;   /* 設(shè)置最小寬度為50像素 */
min-height: 50px;  /* 設(shè)置最小高度為50像素 */
}

在上面的代碼中，我們使用了三個CSS屬性來控制SVG的大?。簑idth、height、max-width、max-height、min-width和min-height。這些屬性可以直接應(yīng)用于SVG元素或其父元素。

注意，如果只設(shè)置寬度或高度中的一個屬性，SVG將按比例縮放，以保持其原始寬高比。如果同時設(shè)置了width和height，則SVG將按指定大小縮放，可能導(dǎo)致圖像拉伸或壓縮。因此，在設(shè)置SVG大小時，最好使用max-width、max-height、min-width和min-height等屬性，以便SVG可以按比例縮放。