Foundation 6全宽和非全宽的默认网格宽度是多少?

时间:2017-09-01 21:48:22

标签: html css zurb-foundation

即使我知道基金会有回应,但我正在尝试使用某些断点制作精确的photoshop文档,并尝试了解基础如何建立网格元素大小(默认情况下)。

让我们说一下// XXLarge屏幕的媒体查询 @media only screen and(min-width:120.063em){} / * min-width 1921px,xxlarge screens * / 12 columns

this is my current grid which I used based on the foundation PSD that I purchased but I think it's wrong

问题1:默认情况下是否应用了排水沟?或者默认情况下,系统不应用排水沟,只使用纯色列?

问题2:粉底是否会自动应用外沟(或外边距)?

问题3:考虑到1920年的屏幕尺寸,非全宽行的总宽度是多少?

问题4:在这种情况下,屏幕宽度为1921的柱子,排水沟的尺寸是多少?

问题5:如果我想使用新的XY网格遵循默认值,我应该如何准备文档?

2 个答案:

答案 0 :(得分:0)

除了发现的文档信息之外,我还通过联系Zurb了解了有关新XY网格的更多信息:

XY网格是6.4 +

中的默认网格

默认情况下没有排水沟。单元格可以以边距或填充的形式获得间距 如果在单元格之间添加间距,则它将应用于每个单元格的两侧。

网格容器的默认宽度为1200px。这可以很容易地改变。您也可以创建一个流体宽度的网格。

单元格是网格容器的百分比或屏幕宽度。因此,如果使用medium-3类在网格中有4个单元格,则每个单元格将占宽度的25%。您也可以将单元格设置为自动或缩小尺寸。缩小将占据内部内容的宽度,并且增长将扩展以填充剩余空间。

答案 1 :(得分:-1)

阅读Foundation for Sites 6 Docs >>

,找到所有问题的答案