你做过 Retina（高像素密度）图片适配吗？什么时候用、怎么做？

Have you ever worked with retina graphics? If so, when and what techniques did you use?

题目类型: 技术面试题

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

难度: medium

分类: css

标签: retina, srcset, responsive-images, svg

参考答案摘要

答案 Retina 通常指 devicePixelRatio>1 的高分屏；为了清晰，需要更高分辨率资源，但一味用大图会影响性能。 常用方案：HTML 响应式图片（srcset/sizes）让浏览器按需要选择合适分辨率；旧浏览器可用 polyfill。 图标类资源优先用 SVG（或图标字体），在任何分辨率下都更清晰。

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