响应式

响应式是一个目标：一套代码适配不同尺寸的屏幕，而不是给手机单独做一个网站。比如电脑上三列卡片，平板变两列，手机变一列；横向导航菜单到手机上收进汉堡按钮；侧边栏在小屏上变成抽屉。

实现手段有三类：弹性布局（Flex、Grid、百分比宽度，让元素自己伸缩）、媒体查询（到某个宽度切换样式）、相对单位（rem、vw）。「在哪个宽度切换」的那个数值叫 断点。三者关系是：响应式是目标，媒体查询是工具，断点是工具里的具体数值。

常见做法是「移动优先」：先写手机样式，再逐步为更宽的屏幕补充样式。