响应式设计（Responsive）与自适应设计（Adaptive）有什么区别？
What is the difference between responsive and adaptive design?
题目类型: 技术面试题
这是一道技术面试题，常见于澳洲IT公司面试中。
难度: medium
分类: frontend-design
标签: responsive-design, adaptive-design, css, layout
参考答案摘要
TL;DR 响应式设计通过流式布局（例如百分比宽度、流式网格）让页面自动适配任意屏幕尺寸；自适应设计则为不同设备/屏幕尺寸准备多套固定布局，访问时根据设备选择合适的布局。 响应式设计（Responsive） 响应式设计是一种让网站布局能够根据任何屏幕大小自动调整的设计方式。也就是说，无论是大屏桌面还是手机，网站都能保持良好的显示与可用性。它通常依赖流式网格（fluid grids），根据百分比值来...
答题技巧
技术面试题建议先理清思路再作答，从基础概念讲起，逐步深入。可以结合实际项目经验解释技术原理，展示你的理解深度和实践能力。
本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案、收藏题目并进行模拟面试练习。
