响应式设计（responsive）与自适应设计（adaptive）有什么区别？

How is responsive design different from adaptive design?

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: hard

分类: Responsive Design

标签: responsive, adaptive, progressive enhancement, media queries

参考答案摘要

答案 响应式与自适应都旨在优化不同设备上的用户体验，适配不同 viewport、分辨率、使用场景与输入方式。 Responsive（响应式） 强调灵活性：一个流式网站可在任意设备上良好展示，通过媒体查询、弹性网格、响应式图片等，让体验随环境变化而“伸缩”。像一个球能通过不同大小的环。 Adaptive（自适应） 更像现代意义上的 progressive enhancement：不是一个流式设计，而...

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。