使用srcset和尺寸

Question

我正在尝试使用srcset，但我无法找到详细的参考资料。

根据我的理解，我可以做类似的事情来指定手机的图像。

<img src="1.jpg" alt=""
  srcset="1x300.jpg 300w"
  sizes="(max-width: 480px) 300px">

但是我不清楚如何指定校正显示密度的图像。

在屏幕宽度小于480px的上述示例中，我指定使用300px图像。然而，在2倍视网膜显示器上，我想要600px宽度的图像，但屏幕尺寸仍将为480px。

如何为不同的像素密度指定其他图像？

Answer 1

具有SRCSET和SIZES的IMG标记的基本结构，

<img src="images.jpg" srcset="images1x.jpg 200w, images2x.jpg 400w,
images8x.jpg 600w" sizes="(max-width: 40em) 100vw, 50vw" alt="Some Text">

Reference