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

尽管我知道Foundation的响应速度很快，但我试图制作精确的具有某些断点的photoshop文档，并试图了解基础如何建立网格元素大小（默认情况下）。Foundation 6全宽和非全宽的默认网格宽度是多少？

假设例如// XXLarge屏幕 @media只有屏幕和（最小宽度：120.063em）的媒体查询{}/*最小宽度1921px，xxlarge屏幕*/12列

问题1：应用默认的水槽？或者默认情况下系统不应用排水沟，只是纯粹的列？

问题2：不适用的基础外槽（或外缘）自动？

问题3：什么是一个非全宽行考虑1920屏幕尺寸的总宽度？

问题4：什么是柱，檐槽在这种情况下，1921年屏幕宽度的大小？

Question5：我应该如何准备我的文档，如果我要遵循新的XY网格默认？

来源

2017-09-01 Daniel Vianna

-1

通过读取Foundation for Sites 6 Docs >>

来源

2017-09-03 03:24:22 ITZAP

我发现像盒子容器（所有列+网格）一样的信息是1200px作为默认考虑1920年的尺寸大小宽度，这意味着当不使用全宽度时，有一个额外的720像素的外部空间总共是360px。我的问题是关于外部排水沟或排水沟是如何创建的，我在codepen上看到了一些示例，有时看起来排水沟是跨越默认值20px的一个实体，但我已经看到它们实际上是两个实例的示例10px来自对立列的每一边（如填充）。但是在XY网格中呢？ –

上面的链接指向Foundation XY Grid页面。听起来像你需要阅读带标题的部分... >天沟。 >网格容器已满。 – ITZAP

是的，我读了这些部分，但它没有谈到外部排水沟（最后两列的最后两个排水沟）。注意：我不是在谈论内部排水沟。我检查了codepen上的一个代码，看起来这些排水沟在规则网格上（而不是XY），它们甚至不是，外部排水沟是排水沟的一半大小。在这种情况下，排水沟是30px，外部排水沟是15px。 http://i.imgur.com/qpfo0Si.png - 选中此图片。我不明白你为什么一直指着我的文档，而不是试图帮助理解信息，感觉对我来说很傲慢 –

除此之外被发现的文档资料找寻你所有的问题，我发现了在新的XY网格的更多信息通过联系Zurb：

该XY网格是6.4+

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

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

单元格是网格容器或屏幕宽度的百分比。所以如果你使用medium-3类的网格中有4个单元格，每个单元格将占宽度的25％。您也可以让单元格为自动或缩小尺寸。收缩将占用内容的宽度，并且增长将扩大以填充剩余空间。

来源

2017-09-12 16:24:16

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

回答

相关问题