响应式（responsive）与移动优先（mobile-first）策略有什么区别？

Can you explain the difference between coding a website to be responsive versus using a mobile-first strategy?

题目类型: 技术面试题

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

难度: medium

分类: css

标签: responsive, mobile-first, media-queries

参考答案摘要

答案 响应式：根据视口宽度等条件改变布局/样式，常用媒体查询实现。 移动优先：同样是响应式的一种写法，但默认先写移动端样式，再用 min-width 为更大屏逐步增强。 移动优先的优势：移动端更省性能（少走媒体查询判断），也迫使你写更干净的层级与覆盖规则。 @media (min-width: 601px) { .my-class { font-size: 24px; } } @media (ma...

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