图片srcset的语法有什么问题

Question

am试图在相同的视口尺寸上显示正常和高分辨率的图像。就像如果我在550px的低分辨率手机上渲染页面时，它应该显示低像素图像，而在像iPhone这样的高分辨率支持的手机上，它应该显示高分辨率图像，但它不起作用

good_country

Answer 1

您在同一选项中同时使用2x和1024w。您应该使用2x（或任何x）或使用1024w（或任何w）。

简而言之，您不能混合使用密度（x）和宽度（w）。因此，您应根据实际需求修改代码以使用其中任何一种代码。

修改：

显然，您所需的代码应如下所示：

<img src="s3-us-west-2.amazonaws.com/s.cdpn.io/308367/cat-500.jpg"

     srcset="s3-us-west-2.amazonaws.com/s.cdpn.io/308367/cat-500.jpg 550w,
             webkit.org/demos/srcset/image-1x.png 1024w, 
             webkit.org/demos/srcset/image-2x.png 2048w" 

             alt="imgsrcsettestimage">

我希望它可以解决您的问题。