响应式图像srcset / sizes

Question

如果有人能够朝着正确的方向努力，那么与响应式图像进行一些斗争。 我正在使用带有显示

的断点的网格

• 0 - 640 = 1列
• 640-992 = 2列
• 992+ = 3列

我已经像这样生成了img标签：

    <img src="img-270x215.jpg"

         sizes="(max-width: 639px) 610px,
                (max-width: 991px) 350px,
                270px"

         srcset="img-610x485.jpg 610w,
                 img-350x280.jpg 350w,
                 img-270x215.jpg 270w"

         alt="Alt">

我不想做的是：

1. min-width：639px =＆gt;显示610px宽图像
2. min-width：991px =＆gt;显示350px宽图像
3. 992及以上=＆gt;显示270px宽图像

但遗憾的是，这并不像我想象的那样有效。 当我尝试在Chrome中更改视口大小时，它只是一直加载最大的一个。

Answer 1

您的代码看起来很好。

一个合理的解释是你有一个Retina显示器。