css - 网格问题 - 基础

标签 css zurb-foundation

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

Grid issue foundation

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

谢谢

最佳答案

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

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

关于css - 网格问题 - 基础,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25222816/

相关文章:

jquery - 在滚动 Pane 周围环绕一个按钮

javascript - 基金会揭示模式未打开

javascript - Angular.js 和 Foundation 5 Accordion

javascript - 基础交换回调

css - 用 css 生成的内容包裹时图像太大

css - 使用 Foundation 或 Bootstrap 网格时,每个元素都需要放在行和列内吗?

css - 如何将菜单栏的代码与页面的代码结合起来?

html - ipad 上的 Z-index 问题

javascript - 性能问题

javascript - 按钮无法触发 jquery ui 中的幻灯片