术语图鉴布局 Layout「投屏时五张卡片挤成一列，下面全空着。帮我排成一行五张，屏幕窄的时候自动换行。……」——新手术语卡：一句大白话需求 + 解释 + 可直接发给 AI 的指令。Copy MarkdownOpen你可能会说 投屏时五张卡片挤成一列，下面全空着。帮我排成一行五张，屏幕窄的时候自动换行。 这是什么 布局决定内容怎么摆：一行几张卡、间距多大、屏幕变小怎么办。好布局让同一页面在投屏和手机上都可读。 这不是什么 布局不是把元素硬挪到位。用固定像素摆死的位置，换台电脑就散架——能适应屏幕的布局才是真布局。 发给 AI 把学生卡片改成自适应网格布局：屏幕宽时一行五张，窄屏自动减少每行数量。不要固定像素宽度。 ← 前置：状态 下一步：终端 →状态 State「点加分按钮之后，积分要真的加一。页面得记住每个学生现在的分数。……」——新手术语卡：一句大白话需求 + 解释 + 可直接发给 AI 的指令。终端 Terminal「教程让我“进入项目文件夹再运行工具”。终端是什么？我该在哪输入这些命令？……」——新手术语卡：一句大白话需求 + 解释 + 可直接发给 AI 的指令。