Foundation 网格 - 小型设备

假设我们在小型设备上有一个简单的网格布局，两列，宽度比例为 25% 和 75%。

提示:小型设备的定义是屏幕小于40.0625em。

小型设备上我们使用.small-*类。

....
 
....

以下实例设置了两个列，比例为 25% 和 75% (Foundation 是移动优先: 如果没有特别说明，在大型设备上会继承 .small 类的代码):.smallin them and use those".

          
  
 
Foundation 网格
 
25%/75% 比例。
 
重置浏览器窗口大小查看效果。
 
 
php中文网
 
 
 
php中文网
 
 
  

	注意:要保证数列加起来是 12 列!

如果需要设置 33.3%/66.6% 的比例，你可以使用.small-4和.small-8:

          
  
 
Foundation 网格
 
33.3%/66.6% 比例。
 
重置浏览器窗口大小查看效果。
 
 
php中文网
 
 
 
php中文网