我了解srcset用于根据设备的dpi确定要加载的图片。我在Google Web Fundamentals上遇到了这个示例，它似乎使用w单元和vw单元，恰好是1％的视口宽度：
<img src="lighthouse-200.jpg" sizes="50vw"
srcset="lighthouse-100.jpg 100w, lighthouse-200.jpg 200w,
lighthouse-400.jpg 400w, lighthouse-800.jpg 800w,
lighthouse-1000.jpg 1000w, lighthouse-1400.jpg 1400w,
lighthouse-1800.jpg 1800w" alt="a lighthouse">
请帮助我了解这方面的衡量标准以及如何使用它？
答案 0 :(得分：3)
根据MDN，w指的是：
宽度描述符，或直接后跟＆＃39; w＆＃39;的正整数。 宽度描述符除以大小中给出的源大小 属性来计算有效像素密度。
此外，W3州：
用户代理将计算每个的有效像素密度 来自指定的w描述符的图像和指定的渲染大小 在sizes属性中。然后它可以选择任何给定的资源 取决于用户屏幕的像素密度，缩放级别和 可能还有其他因素，例如用户的网络状况。 如果用户的屏幕宽度为320 CSS像素，则相当于 指定wolf-400.jpg 1.25x，wolf-800.jpg 2.5x，wolf-1600.jpg 5x。上 另一方面，如果用户的屏幕宽度为1200 CSS像素，则为 相当于指定wolf-400.jpg 0.33x，wolf-800.jpg 0.67x， 狼-1600.jpg 1.33x。通过使用w描述符和大小 属性，用户代理可以选择正确的图像源 无论用户的设备有多大，都可以下载。
W3页面上的示例13提供了更多详细信息。