Semantic-UI 注释大小变化

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。

它配备了预构建的语义组件，可帮助使用用户友好的 HTML 创建响应式布局，并使用预定义的 CSS 和 jQuery 来整合不同的框架。

评论显示用户对其站点内容的反馈，并且存在三种类型的变体，即线程变体、最小变体和大小变体。在本文中，我们将了解评论大小的变化。

语义 UI 注释大小变化类：

• large：它是用于将注释大小设置为大的类。
• 小：它是用于将评论大小设置为小的类。

句法：

如果您想要一个大评论，那么评论的大小在哪里小，然后将“小”替换为“大”。当您观察以下两个输出时，您会注意到第一个输出中的注释与另一个输出相比要小。

示例 1：以下示例说明了语义 UI 注释大小的变化。下面使用评论小班。

HTML

  

    

  

    
      
GeeksforGeeks
       Semantic UI Comment Size Variation 
      
Comments
    
    

    
        

          
             
          
         

           Avantika 
           

              Today at 5:42PM
           
          

            This platform is outstanding for learning DSA.
          
          

            Reply
          
         
     
  
     

        
          
        
        

          Rahul
          

            Yesterday at 12:30AM
          
          

            

              This platform helped me learn 
              competitive programming.
            
          
          

            Reply
          
        
      
        
        

          

            
              
            
            

              GeeksForGeeks
              

                Just now
              
              

                Thank you so much Rahul.
              
              

                Reply
              
            
          
        
      
      
      

        
          
        
        

          Charan
          

            5 days ago
          
          

            Dude, this is awesome. Thanks so much
          
          

            Reply
          
        
       
      

        

          
        
        

           Add Reply
        
      
    

输出：

示例 2：下面的示例说明了大型类的语义 UI 注释大小变化。

HTML

  

    

  

    
      
GeeksforGeeks
       Semantic UI Comment Size Variation 
      
Comments
    
    

        

          
             
          
         

           Avantika 
           

              Today at 5:42PM
           
          

            This platform is outstanding for learning DSA.
          
          

            Reply
          
         
     
  
     

        
          
        
        

          Rahul
          

            Yesterday at 12:30AM
          
          

            

              This platform helped me learn 
              competitive programming.
            
          
          

            Reply
          
        
      
        
        

          

            
              
            
            

              GeeksForGeeks
              

                Just now
              
              

                Thank you so much Rahul.
              
              

                Reply
              
            
          
        
      
      
      

        
          
        
        

          Charan
          

            5 days ago
          
          

            Dude, this is awesome. Thanks so much
          
          

            Reply
          
        
       
      

        

          
        
        

           Add Reply
        
      
    

输出：

参考： https://semantic-ui.com/views/comment.html#size