.small-12毫无意义吗?

时间:2015-01-19 17:34:53

标签: zurb-foundation

当我加入small-12时,我看不出任何差异。

class="medium-6 columns"class="small-12 medium-6 columns"的区别如何?

谢谢!

1 个答案:

答案 0 :(得分:0)

在基础和大多数网格系统中,列宽定义(12,6,3)为元素生成width: XX%样式属性。

因此,.small-12会在您在设置文件中定义的小视口中添加width: 100%。虽然这可能没有视觉上的变化(因为默认情况下,div的宽度:auto会使它看起来是100%,这就是类的目的。我想如果你把其他类扔到添加左/右填充的列上/保证金等可能是个问题。试一试!

This post可以澄清宽度:自动和宽度之间的差异:100%,以及添加' .small-12'可能是个好主意的原因,从而添加此宽度该元素的属性。