BREAKPOINT VIEWER / 03
移动优先断点模拟器
默认类从 0px 开始生效，sm:、md:、lg: 是向更宽视口叠加的新规则。拖动宽度，里面的页面会在真实视口里重新排版。
当前层级
默认（无前缀）
真实页面视口
改变的是 iframe 宽度，不是用 JavaScript 假装切换布局。
sm
md
lg
grid-cols-1默认：先保证窄屏单列可读。
md:grid-cols-[180px_1fr]≥768px：出现左侧目录。
lg:grid-cols-[220px_1fr_180px]≥1024px：再加右侧进度栏。