响应式设计（responsive）与自适应设计（adaptive）有什么不同？
How is responsive design different from adaptive design?
题目类型: 技术面试题
这是一道技术面试题，常见于澳洲IT公司面试中。
难度: hard
分类: css
标签: responsive, adaptive, design
参考答案摘要
答案 响应式：一个“流体/弹性”的布局，通过媒体查询、弹性网格、响应式图片等让同一套页面在不同设备上自然伸缩。 自适应：根据设备/特征检测选择预设的几套布局之一（更像多套固定方案），可能依赖 UA/DPI 等检测。 权衡：响应式 breakpoint 设计复杂；自适应的检测可能不可靠，维护多套布局成本更高。
答题技巧
技术面试题建议先理清思路再作答，从基础概念讲起，逐步深入。可以结合实际项目经验解释技术原理，展示你的理解深度和实践能力。
本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案、收藏题目并进行模拟面试练习。
