为什么你会在 标签中使用 srcset 属性？请解释浏览器在评估该属性内容时的处理流程。

Why you would use a srcset attribute in an image tag? Explain the process the browser uses when evaluating the content of this attribute.

题目类型: 技术面试题

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

难度: medium

分类: Performance

标签: srcset, responsive-images, retina

参考答案摘要

答案 当你想根据用户设备的显示宽度给不同用户提供不同图片时，会使用 srcset 属性——为 retina 屏幕设备提供更高质量图片可以提升用户体验；而为低端设备提供更低分辨率图片可以提升性能并减少数据浪费（因为提供更大的图片在视觉上通常没有明显差异）。 例如：

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