响应式布局：一套设计适配所有屏幕

断点不是越多越好，手机 / 平板 / 桌面三档覆盖 95% 的访问场景。

先做移动端：把最关键的讯息——你是谁、做什么、怎么联系——放进首屏一屏可见，移动端用户没有耐心滚动找基本信息。

再用流式单位：区块宽度给百分比与 max-width，图片加 max-width:100%，字号用 rem 而非固定 px。这一步能自动覆盖大部分屏幕宽度，不用为每个尺寸单独写规则。

只在真正需要时加媒体查询：导航在桌面展开、窄屏折叠，多列网格在窄屏折成单列。FORMA 导出的模板已按这套规则写好断点与折叠逻辑，替换内容即可直接用。

本文为概念内容示例，用于演示版式与选题方向，非真实运营数据。