响应式 Responsive
「页面在电脑上好好的，手机上字都挤成一团了。怎么让页面自动适应手机？……」——新手术语卡：一句大白话需求 + 解释 + 可直接发给 AI 的指令。
你可能会说
页面在电脑上好好的，手机上字都挤成一团了。怎么让页面自动适应手机？
这是什么
响应式指页面根据屏幕宽度自动调整布局：电脑上三列，手机上一列，字号、间距跟着变。靠的是浏览器按宽度套用不同的样式规则——作品集项目里「窗口拉窄卡片变单列」就是它。
这不是什么
响应式不是「把电脑页面缩小装进手机」。没有专门处理的页面在手机上就是会挤——这不是 bug，是页面根本不知道有手机这回事（第一件事永远是加 viewport 设置）。
发给 AI
我的页面在手机上显示错乱：请先加上 viewport 设置，然后检查布局在 375px 宽度下的表现，
把会横向溢出的部分改成单列自适应。改完列出你动过的位置。