据我所知，srcset和sizes属性更侧重于为设备的大小和分辨率应用适当缩放的图像。
似乎无法使用这些属性根据屏幕大小选择替代图像，例如裁剪或以不同方式定位的图像。
这是对这种情况的正确理解吗？这是否意味着我们必须等待picture元素被广泛支持才能执行此任务？
答案 0 :(得分：4)
你是正确的srcset和sizes只是提供了不同的解决方案来替代＆＃34;相同＆＃34; image - 没有保证会选择哪种资源。
如果您想提供保证匹配或响应断点的裁剪或按比例不同的替代方案，那么<picture>就是您正在寻找的。
就支持而言，Chrome和Firefox完全支持<picture>，很快将支持MS Edge，但Safari 9尚不支持。
与此同时，您可以使用picturefill向不支持的浏览器添加该支持。
答案 1 :(得分：-1)
就个人而言，我使用w-descriptors和srcset根据可用空间的宽度显示各种图像。
它可能看起来相当粗糙，但它对我有用 - 我编辑图像，使它成为＆＃34;艺术导向＆＃34;对于许多常见断点 - 将其有效地转换为许多不同的图像。
然后，根据代理商屏幕的大小，浏览器几乎总会选择我之前认为最适合的图像。
对于我的方法，我没有使用size，picture或任何其他财产。
这样简单的代码似乎有效：
<img srcset="room-and-person.jpg 3200w, person-face-only.jpg 1600w" src="image.jpg" alt="an image" />