在基于 Zurb Foundation 5 的页面上调整垂直 height/space?

Adjusting vertical height/space on a Zurb Foundation 5 based page?

在具有大量标签和输入框的页面上使用 Zurb Foundation 的标准开箱即用配置。

我正在尝试找出使页面垂直 "compress" 并保持易读性的最佳方法。

在保持 Foundation 的响应能力的同时,是否有适当或最佳的方法来做到这一点?

执行此操作的正确方法是在其 "sass" 变体中使用框架,因此您可以编辑 _settings.scss 文件,您可以在其中找到几乎每个方面的变量,然后您可以:

  • 降低行高
  • 减小字体大小
  • 减少按钮、标签和表单元素的填充
  • 减少元素之间的边距

希望对您有所帮助

视情况而定。您是否希望在整个项目中进行全局更改?如果是这样,那么理想情况下您将更新项目的 Scss 设置。如果没有,则只需添加特定于您的页面的覆盖样式。