我看到常规网格的这些设置(默认为1000px和30px排水沟),但使用小网格时这些设置明显不同。这些如何确定?
我注意到这些值是使用Zurb的emCalc函数设置的,该函数将像素转换为em单位。这是否意味着没有设置小网格,它只是缩小它们?
答案 0 :(得分:0)
只需几点开始......
width
,但max-width
设置为100%,这意味着当{1}}窗口小于1000px(.row
优先)时,max-width
容器将会挤压emCalc
所做的是将px值除以16以获得em值(或将em值乘以16以获得px值),因为大多数浏览器使用16px字体大小 - 此转换基本上是硬编码的Sass文件,没有从浏览器中嗅到任何超级聪明的东西。所以我可以收集......
columns
div的边距都是排水沟宽度的一半 - 当div并排放置时,它们会形成一个完整的排水沟row
方框比1000px略宽一个水沟宽度,避免外边缘的压痕 - 这会吞下最外边缘的额外半水槽columns
div现在跨越12个空格 - 悬垂仍然存在,就像之前一样希望有所帮助!