css - 网格问题 - 基础

Question

我遇到了一个奇怪的问题，网格的大小不适合我的屏幕。当我使用 12 列大时，它只占据屏幕的 1/3 的中间，请参见图像。我不确定是什么导致了这个问题。我没有任何会导致这种情况发生的奇怪 CSS。我不会在任何地方覆盖屏幕尺寸，有人知道为什么会这样吗？

我已禁用我添加的所有额外 CSS 以将其作为问题隔离。禁用它似乎没有任何作用。

谢谢

Answer 1

在 Foundation 中，屏幕宽度对于不同的媒体尺寸是固定的。如果布局使用所有 12 列，并不意味着它将占据网页的整个宽度，只是 foundation.css 中指定的最大宽度。

您可以通过使用 scss 版本或在他们的网页上创建自定义的基础版本来改变这一点。