Bulma 桌面和宽屏最大宽度

在本文中，我们将看到 Bulma 桌面和宽屏的最大宽度。有时，用户希望在较大的视口上提供一个窄容器，为此，Bulma 框架提供了两个修饰符类，即 is-max-desktop 和 is-max-widescreen。下面我们通过每个示例讨论了这两个修饰符。

Bulma Desktop 和 Widescreen 最大宽度类：

• is-max-desktop：此类用于提供窄容器，如桌面容器大小。
• is-max-widescreen：此类用于提供窄容器，如宽屏容器大小。

句法：

    ...



    ...

示例 1：下面的示例说明了 Bulma 桌面和 Container 上的宽屏最大宽度。

HTML

    

  GFG
  
  
  

  

  
    
      GeekforGeeks
    
  
    
      Bulma Desktop and Widescreen maximum widths
    
  
    
      
        Container having max-width of $is-max-desktop on widescreen and
        fullhd.
      
    
  
    
      
        Container having max-width of $is-max-widescreen on fullhd.
      
    
  

    

输出：

示例 2：下面的示例说明了 Bulma 桌面和图像上的宽屏最大宽度。

HTML

  

  GFG
  
  
  
  

  

  
    
      GeekforGeeks
    
  
    
      Bulma Desktop and Widescreen maximum widths
    
  
    
      
        
      
    
  
    
      
        
      
    
  

  

输出：

参考： https://bulma.io/documentation/layout/container/#desktop-and-widescreen-maximum-widths