3 个核心策略帮你搞定响应式设计👇
📌 策略一：弹性布局（Flexible Layout）
核心思路：元素宽度用百分比而不是固定像素值
比如一张卡片，不要写死宽度 345px，而是设为"左右各留 16px 边距，剩余空间自动填充"。这样不管屏幕多宽，卡片都能自适应
📌 策略二：断点适配（Breakpoints）
当屏幕宽度达到某个临界值，布局发生结构性变化
常用断点：
手机竖屏 < 428pt → 单列布局
手机横屏/小平板 428-768pt → 可选双列
平板 768-1024pt → 侧边栏 + 内容区
桌面 > 1024pt → 多栏布局
📌 策略三：组件自适应（Adaptive Components）
同一个组件在不同尺寸下展示形式不同：
大屏幕：卡片横向排列，展示更多信息
小屏幕：卡片纵向堆叠，信息收起
极小屏幕：简化为列表项
💡 Figma 实操建议：
① 用 Auto Layout 搭建所有布局，设好 fill/hug 属性 ② 设计至少 2 个关键尺寸的设计稿（如 iPhone 15 和 iPad） ③ 用 Figma 的 Min/Max width 控制组件的伸缩范围
别指望一套设计稿"自动"适配所有机型。你需要明确告诉开发每个断点下的布局规则📐
