min/max/clamp 与流式尺寸 | CSS

本章覆盖:`min()`;`max()`;`clamp()`;responsive typography;fluid spacing;不使用大量 breakpoint 也能完成连续缩放;min/max 与 CSS unit 混用;`clamp(min, preferred, max)`;业务组件尺寸上下界;readable formula 优先于复杂炫技表达式。

本章知识点

  • min()
  • max()
  • clamp()
  • responsive typography
  • fluid spacing
  • 不使用大量 breakpoint 也能完成连续缩放
  • min/max 与 CSS unit 混用
  • clamp(min, preferred, max)
  • 业务组件尺寸上下界
  • readable formula 优先于复杂炫技表达式