自定义色谱柱，分辨率很小（400 * 800）

Question

基金会的网格系统让我印象深刻。 我正在制作一个布局，我需要12列，屏幕分辨率为400px宽。就像一个小手机。 现在基础不会给我微小的栏目小是我得到的最好的。 那么如何为特定分辨率设置特定的列大小，比如说很小？ 感谢

Answer 1

当更小的列变得不合理时，网格会正常缩小。

http://jsfiddle.net/LV339/2/

HTML：

<div class="row">
   <div class="small-1 columns"></div>
   <div class="small-1 columns"></div>
   <div class="small-1 columns"></div>
   <div class="small-1 columns"></div>
   <div class="small-1 columns"></div>
   <div class="small-1 columns"></div>
   <div class="small-1 columns"></div>
   <div class="small-1 columns"></div>
   <div class="small-1 columns"></div>
   <div class="small-1 columns"></div>
   <div class="small-1 columns"></div>
   <div class="small-1 columns"></div>
</div>

的CSS：

.row{
    max-width:400px;
}
.columns{
    height:500px;
}
.columns:nth-child(odd){
    background:red;
}
.columns:nth-child(even){
    background:blue;
}