我看到常规网格的这些设置（默认为1000px和30px排水沟），但使用小网格时这些设置明显不同 . 这些如何确定？
我注意到这些值是使用Zurb的emCalc函数设置的，它将像素转换为em单位 . 这是否意味着没有设置小网格，它只是缩小它们？
只需几点开始......
1000px是 width 但 max-width 设置为100％，这意味着当窗口小于1000px时 .row 容器会挤压（ max-width 优先）
width
max-width
.row
排水沟没有变化
Em单元不随Zurb Foundation开启的浏览器窗口大小而缩放 .
所有 emCalc 确实将px值除以16得到em值（或将em值乘以16得到px值），因为大多数浏览器使用大小为16px的字体 - 这种转换基本上是在Sass文件中硬编码的，而不是从浏览器或任何超级聪明的东西 .
emCalc
从我可以收集的内容......
网格中的每个 columns div的边距都是沟槽宽度的一半 - 当divs并排放置时，它们会形成一个完整的排水沟
columns
通过使 row 框比1000px略宽一个沟槽宽度，避免外边缘的压痕 - 这会吞下最外边缘的额外半沟槽
row
当切换到小尺寸时，所有改变的是每个 columns div现在跨越12个空格 - 悬垂仍然像以前一样
希望有所帮助！
1 回答
只需几点开始......
1000px是
width但max-width设置为100％，这意味着当窗口小于1000px时.row容器会挤压（max-width优先）排水沟没有变化
Em单元不随Zurb Foundation开启的浏览器窗口大小而缩放 .
所有
emCalc确实将px值除以16得到em值（或将em值乘以16得到px值），因为大多数浏览器使用大小为16px的字体 - 这种转换基本上是在Sass文件中硬编码的，而不是从浏览器或任何超级聪明的东西 .从我可以收集的内容......
网格中的每个
columnsdiv的边距都是沟槽宽度的一半 - 当divs并排放置时，它们会形成一个完整的排水沟通过使
row框比1000px略宽一个沟槽宽度，避免外边缘的压痕 - 这会吞下最外边缘的额外半沟槽当切换到小尺寸时，所有改变的是每个
columnsdiv现在跨越12个空格 - 悬垂仍然像以前一样希望有所帮助！