画个页面响应式断点示意流程图

点几下，3 分钟拿到带像素标注的响应式断点示意图。生成响应式断点示意流程图，清晰展示PC/平板/手机三端典型宽度、容器变化与布局切换逻辑；不提供代码实现，不替代设计评审。

能拿到什么

• 推荐：一张带像素标尺和断点标签的响应式切换示意图 PNG，可选配一页说明文字（16:9横版，三列对应PC/平板/手机，容器框标宽度，箭头标切换条件），约 3 分钟
• 旗舰：主示意图 PNG、分端拆解图、带媒体查询注释版、英文标注版

要你点选的几项

画面主体、用在哪、风格、色调、画面比例、要几版/要什么变体、要标哪些数值、要画哪些元素、要标哪些行为、补充情况。多数点一下就行，没选的按常见情况替你定，交付时说清哪几项是按默认的。

怎么办

1. 选断点组合和容器变化
2. 勾选要展示的布局行为
3. 补充说明画面主体
4. 生成示意图并下载

别人还这样说

• 帮我画个断点切换的流程图，让产品一眼看懂怎么变
• 需要一张图给实习生讲清楚三端布局怎么切