布尔玛响应尺寸

Bulma 响应式大小用于使您的网站具有响应性。您可以为每个视口宽度选择特定大小。您只需要将视口宽度附加到尺寸修饰符。

响应大小类：

• is-size-1-mobile：如果宽度最大为 768px，则此类可用于移动设备。
• is-size-1-touch：如果宽度在 768px 到 1023px 之间，此类可用于移动和平板设备。
• is-size-1-tablet：如果宽度在 768px 到 1215px 之间，此类可用于平板电脑、小型桌面、台式机、宽屏和全高清设备。
• is-size-1-desktop：如果宽度在 1024px 到 1408px 及以上，此类可用于小型桌面、桌面、宽屏和全高清设备。
• is-size-1-widescreen：该类可用于宽屏和全高清设备，如果宽度在 1216px 到 1408px 及以上。
• is-size-1-fullhd：如果宽度为 1408px 及以上，此类可用于桌面和宽屏设备。

注意：您可以对 7 种尺寸中的每一种使用相同的逻辑，您必须更改 1 的数值，它可以是 1 到 7 之间的任何值。

示例：下面的示例说明了 Bulma 响应大小：

HTML

  

    
    

  

    

        GeeksforGeeks
    
    Bulma Responsive Size 
    

    

        
GeeksforGeeks
  
        
GeeksforGeeks
  
        
GeeksforGeeks
  
        
GeeksforGeeks
  
        
GeeksforGeeks
  
        
GeeksforGeeks
  
    

输出：