Semantic-UI 图标大小变化

Semantic UI是一个开源开发框架，它提供了预定义的类，使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。

Semantic UI 为用户提供了各种不同的图标，这些图标可用于不同的目的，并具有漂亮的用户界面。在本文中，让我们看看 Semantic UI 图标集的图标大小变化。

语义 UI 图标大小变化类：

• 迷你：这将图标大小设置为迷你。
• tiny：这会将图标大小设置为很小。
• 小：这将图标大小设置为小。
• 大：这将图标大小设置为大。
• 大：这将图标大小设置为大。
• 巨大的：这将图标大小设置为巨大。
• 巨大的：这将图标大小设置为巨大的。

句法：

    ...

示例 1：以下代码演示了bug 图标以及上面提到的不同大小的变化。

输出：

示例 2：以下代码演示了错误图标以及图标集的不同大小变化。

HTML

  

    


  
    
        

            
GeeksforGeeks
            
Semantic UI icon size variation
            
            
            
            
            
            
            
            
        
    

  

输出：

参考： https://semantic-ui.com/elements/icon.html