响应式图片与音视频内容应如何兼顾性能、兼容性和可访问性？

# 核心结论

响应式图片与音视频优化的目标，是让浏览器在正确时机获取适合显示尺寸、像素密度、格式能力和网络条件的资源，同时为无法看到图像、听到声音或正常加载媒体的用户提供等价信息和可操作控制。图片可使用 srcset 声明候选资源，通过 sizes 描述不同条件下预计占用的布局宽度；需要艺术方向裁剪或按格式提供候选时使用 picture 与 source。音视频应提供播放、暂停、音量、进度等控制，有对白的内容应提供字幕，并避免未经用户同意自动播放有声内容。

# 底层机制

浏览器可能在完整布局完成前由预加载扫描器发现图片并发起请求，因此无法等待脚本测量最终宽度。使用宽度描述符时，srcset 中的数值