srcset和尺寸是指设备像素还是布局像素？

Question

有关响应式图片的<img srcset=".." sizes=".."/> html代码+属性的问题。

• 在3x视网膜显示器（3 * 341 = 1023）上，srcset中的w描述符是指设备像素（1023px）还是布局/ css像素（341px）？ 编辑：显然，w描述符指定了图像分辨率，它与设备像素或css像素无关。
  但问题是，浏览器如何选择提供的图像之一？基于设备像素，还是基于css像素？
• sizes属性中的媒体查询是指设备像素还是布局像素？
• 尺寸属性中的图像宽度px是指设备像素还是布局像素？

我自己的猜测是，尺寸总是指布局像素。但如果可以确认这一点，我宁愿这样做。

（理想情况下，我希望根据设备上的像素密度提供不同的jpg质量。视网膜=低质量，高分辨率。但这可能是一个单独的问题）

完整方案：Responsive img/srcset/sizes: Different jpg quality depending on device pixel density?

编辑：当我说“设备像素”时，我的意思是设备上的物理像素。

Answer 1

  

但问题是，浏览器如何选择其中一个提供的图像？基于设备像素，还是基于css像素？

这在技术上取决于实现，但其想法是它应该基于设备像素;如果您的屏幕具有高像素密度，则需要更大的图像。如果放大，您可能还需要更大的图像。

  

sizes属性中的媒体查询是指设备像素还是布局像素？   尺寸属性中的图像宽度px是指设备像素还是布局像素？

这些都是CSS px。