如何在电话模式下隐藏按钮文本？

在为智能手机等小屏幕设备构建网站时，明智地利用每一点屏幕空间变得很重要，我们不能浪费任何区域。为此，我们可以在手机模式下隐藏一些外围元素。

在电话模式下隐藏按钮文本：

示例：此示例是使用 CSS 实现的。 我们可以使用CSS 中的媒体查询来根据设备的屏幕大小隐藏按钮文本。

HTML

  

    

  

    

        GeeksforGeeks
    
      
    
        Hiding button text 
        in phone mode


    
        
        Delete
    

  

示例 2：以下示例是使用引导程序实现的。

HTML

  

  
    
    
  
    

  

    

        GeeksforGeeks
    
      
    
        Hiding button text 
        in phone mode
    
    


      
    
        
  
        
        
            Delete
        
    

  

输出：

注意：两个代码将给出相同的输出，由于默认的引导程序样式，只有在引导程序的情况下字体样式会发生变化。