使用srcset和大小指定像素密度的图像

Question

我正在尝试使用srcset进行处理，但我无法找到详细的参考。

从我的理解我可以做这样的事情来为手机指定图片。

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

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

在上面的例子中，屏幕宽度小于480px，我指定使用300px图像。然而，在2x视网膜显示器上，我想要一个600像素宽的图像，但屏幕尺寸仍然会读取为480像素。

如何为不同的像素密度指定另一个图像？

Answer 1

的基本结构与SRCSET和大小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