VISUAL EXAMPLE
先看懂它怎么工作
- 01读取容器或视口
- 02命中断点
- 03重排内容与控件
MECHANISM
运行机制
- 读取容器或视口
- 命中断点
- 重排内容与控件
USE WHEN
适合这样用
适配手机、平板和桌面信息密度
NOT FOR
不要这样理解
不要只针对一个手机宽度写死尺寸
TELL YOUR AGENT
可直接发给 Agent
请按“响应式与断点”的概念处理这个需求：手机改成单列，平板不要挤成两半。先说明实现边界，再给出可检查的结果。ACCEPTANCE
怎么确认它真的做好了
360px 到桌面均无横向滚动，主任务始终可完成
OFFICIAL SOURCES