HTML 中如何設置圖標大小 在 HTML 中，經常會用到一些圖標來增加頁面的美觀度和易讀度。不過，有時我們需要調整圖標的大小以適應頁面布局。那么，該如何設置圖標的大小呢？下面我們就來詳細介紹一下。 HTML 中使用的圖標通常是字體圖標或 SVG 圖標。下面我們將分別介紹如何設置這兩種類型的圖標大小。 一、字體圖標 字體圖標是由字體文件中包含的圖標字符組成的，它們可以像文本一樣在頁面中顯示。下面以阿里巴巴的 iconfont 為例，介紹如何設置字體圖標的大小： 1.設置字體圖標的大小可以通過設置它的 font-size 屬性來實現。假設我們有一個類為“icon” 的字體圖標，我們可以在 CSS 文件中添加如下代碼： .icon { font-size: 30px; } 2.在 HTML 中使用這個類時，就會顯示 30px 大小的字體圖標了。這里的“”是阿里巴巴 iconfont 中的一個圖標字符的編碼。我們可以在 iconfont 的官網上找到該字符對應的編碼，然后將它放在 i 標簽的 innerHTML 中。 二、SVG 圖標 SVG 圖標是由矢量路徑描述符組成的，它們支持更多的樣式和效果。下面以一個名為“menu.svg”的 SVG 圖標為例，介紹如何設置它的大小： 1.在 HTML 中使用 SVG 圖標時，需要使用