Modern Layout Patterns：无断点与少断点布局 | CSS

本章覆盖：`minmax()`；auto-fit；`clamp()`；Flex wrap；intrinsic sizing；`max-content`；`fit-content`；responsive sidebar；RAM / Reflow / Sidebar 等模式的思想；用内容约束让浏览器计算；能不用 media query 时不机械增加 breakpoint。

本章知识点

  • minmax()
  • auto-fit
  • clamp()
  • Flex wrap
  • intrinsic sizing
  • max-content
  • fit-content
  • responsive sidebar
  • RAM / Reflow / Sidebar 等模式的思想
  • 用内容约束让浏览器计算
  • 能不用 media query 时不机械增加 breakpoint