为什么要在 上使用 srcset？浏览器会如何评估并选择图片？

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

题目类型: 技术面试题

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

难度: medium

参考答案摘要

srcset 允许浏览器根据视口宽度与设备像素比（DPR）选择最合适的图片版本：高分屏用更清晰的图，低端设备用更小的图以提升性能。 当使用宽度描述符（如 500w、1000w）时，浏览器会结合图片在页面中的显示宽度（slot size，由 sizes 决定；若无 sizes 通常按 100vw 推断）与 DPR 来选择候选图片。

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