我在哪里可以更改Zurb Foundation中小网格使用的行宽和排水沟?

时间:2013-05-03 12:34:20

标签: grid zurb-foundation

我看到常规网格的这些设置(默认为1000px和30px排水沟),但使用小网格时这些设置明显不同。这些如何确定?

我注意到这些值是使用Zurb的emCalc函数设置的,该函数将像素转换为em单位。这是否意味着没有设置小网格,它只是缩小它们?

1 个答案:

答案 0 :(得分:0)

只需几点开始......

  • 1000px是width,但max-width设置为100%,这意味着当{1}}窗口小于1000px(.row优先)时,max-width容器将会挤压
  • 排水沟不会改变
  • Em单位不会随着Zurb Foundation开启的浏览器窗口大小而缩放。
  • 所有emCalc所做的是将px值除以16以获得em值(或将em值乘以16以获得px值),因为大多数浏览器使用16px字体大小 - 此转换基本上是硬编码的Sass文件,没有从浏览器中嗅到任何超级聪明的东西。

所以我可以收集......

  • 网格中的每个columns div的边距都是排水沟宽度的一半 - 当div并排放置时,它们会形成一个完整的排水沟
  • 通过使row方框比1000px略宽一个水沟宽度,避免外边缘的压痕 - 这会吞下最外边缘的额外半水槽
  • 当切换到小尺寸时,所有改变的是每个columns div现在跨越12个空格 - 悬垂仍然存在,就像之前一样

希望有所帮助!