CSS：变量和流体布局

CSS: Variables and Fluid Layouts

首次引入响应式网页设计时，它既神奇又低效。设计师必须使用浮动来布置他们基于网格的系统，以及破解媒体查询。

CSS 的最新进展简化了这个过程，让您的设计更流畅地适应环境。但是利用这些新功能需要放弃当前的做法并转向一种模型，在该模型中您可以通过精确控制来换取一致性和易于实施。

本课程可以帮助您实现这一转变。Jen Kramer 阐述了如何通过 calc() 函数直接在 CSS 中进行数学计算，并利用自定义属性或变量来简化 CSS。

一路上，Jen 分享了如何使用这些属性的示例，包括如何添加自定义属性以进行类型缩放以及如何使用 Flexbox 和 Grid。