【问题标题】:Foundation Zurb - container width?Foundation Zurb - 容器宽度?
【发布时间】:2014-09-10 14:27:20
【问题描述】:

查看了基金会 zurb 文档。注意到行、列和容器没有像文档中那样定义宽度,但是如果希望将包装容器设置为 1000px 以将页眉、正文、侧边栏、页脚包装在里面,是否需要在宽度上定义包装以包含所有内容里面?

页眉、正文、侧边栏、页脚也用中号或大号# 放置在每一行中,以便可以根据浏览器大小调整它们的大小。

抱歉,我是第一次尝试 Foundation。

谢谢

【问题讨论】:

    标签: css zurb-foundation


    【解决方案1】:

    如果你正确下载了所有的基础材料(从命令行使用 bower 或者你可以从 github 页面下载一个 zip),你会发现:

    $row-width: emCalc(1000);
    

    在 _settings.scss 下的 sass 文件中

    您可以在此文件中调整此值以及影响宽度的许多其他值。

    为行指定的 .small 或 .medium 或 .large 类用于基础的网格布局,并且专为匹配这些相关尺寸的屏幕宽度而设计。如果您是新手,我会首先使用“小柱”,因为 Foundation 被设计为移动优先平台,而且它的放大问题比缩小问题要少。祝你好运!

    【讨论】:

    • 谢谢!我从中等开始,扩大和缩小规模会不会很麻烦?
    • Medium 用于平板电脑。您可以轻松组合网格,例如:
      谢谢你会回答。最后一个问题 - 你熟悉网格的行倒塌吗?我尝试使用它,但填充和边距仍未删除。
    • 说实话,我通常只使用 _custom.scss 样式表来覆盖我想要删除或调整它们的地方的边距和填充。我只是发现它更容易,因为我在 sass 中自定义列混合选项的结果好坏参半。希望这会有所帮助。
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签