无论视口大小

Question

有两张图片

• 尺寸为1000px的红色图片
• 尺寸为600px的绿色图片

我想在srcset标记中使用img来显示图片，如下所示：

• 对于小于或等于600px的视口显示绿色图像
• 对于大于600px的视口显示红色图像

这是img标记：

<img 
sizes="(max-width: 600px) 100vw, 1000px"
srcset="http://i.imgur.com/YF2BCoe.png 1000w, http://i.imgur.com/aLdqQYI.png 600w"
/>

但是，无论视口大小如何，图像都会随机显示，并且即使对于小视口大小，红色也会更频繁地显示。

小提琴（适用于Chrome）：http://jsfiddle.net/pakuonky/

标签有什么问题？