响应式设计（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 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。