你做过 Retina 图形适配吗？什么时候做？用什么技巧？

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

题目类型: 技术面试题

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

难度: medium

分类: Responsive Design

标签: retina, devicePixelRatio, svg, media query, high resolution

参考答案摘要

答案 我通常使用更高分辨率（是显示尺寸的两倍）的图片来适配 Retina。更好的方式是通过媒体查询： @media only screen and (min-device-pixel-ratio: 2) { ... } 并替换 background-image 。 对于图标，我会优先使用 SVG 或 icon font，因为它们无论分辨率都非常清晰。 另一种方式是通过 JavaScript 读取 ...

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