MENTAL MODEL · M8478
响应式设计
Responsive Design
更新于 2026-08-16
CORE DEFINITION · 核心定义
响应：界面根据设备特性自动调整。断点：不同设备尺寸的布局切换点。流式：内容弹性适应容器宽度。
SCAFFOLDING EFFECT · 脚手架效应
psychology
降低认知负荷
一次设计，多端适配。设计能自动适应不同设备的界面，提升多设备用户体验。
anchor
锚定快速决策
响应式设计用流体网格、弹性图片与媒体查询使同一页面适配多屏幕尺寸。
MINIMUM ACTION · 最小行动
进行中 0/3在一个真实场景中练习这个模型：
勾选记录你的进度（本机暂存）
掌握进度0%
account_tree知识谱系 Genealogyexpand_more
menu_book信源参考 Sourcesexpand_more
来源明确性: 明确
- en.wikipedia.orghttps://en.wikipedia.org/wiki/Responsive_web_designverified
PRIVATE NOTES · 仅自己可见
已保存问答
ENTRY Q&A · 可保存至我的笔记
在清晰边界内提问
thinkingmodels 仅基于已发布的条目上下文回答。
你的问题会发送给 thinkingmodels；回答仅使用公开词条上下文。
RELATED MODELS · 相关模型