Css HTML5<；图片>；srcset针对IE 10和11的回退

我真的很想让我的页脚对不同的设备做出响应，所以我使用了cloudinary的生成器。这是HTML5

<picture>
<img
sizes="(max-width: 1920px) 100vw, 1920px"
srcset="
footer_rainbow_fjrr5j_c_scale,w_190.png 190w,
footer_rainbow_fjrr5j_c_scale,w_780.png 780w,
footer_rainbow_fjrr5j_c_scale,w_1190.png 1190w,
footer_rainbow_fjrr5j_c_scale,w_1920.png 1920w"
src="footer_rainbow_fjrr5j_c_scale,w_1920.png"
alt="">
</picture>

然而，根据caniuse.com，它不支持IE 10或11

---

最好的退路是什么？到目前为止，我所能想到的就是使用具有不同断点的CSW进行媒体查询。有更好的办法吗？我也试过css封面，宽度；100%和包含，但两者都不是完美的。

您已经有了退路。你有它的方式设置它应该在IE 10和11工作。。。两者都将忽略size和srcset属性，但默认使用src属性

我使用图像测试了相同的结构，它在IE 10和IE 11上都显示了默认的回退图像：

<img
sizes="(max-width: 1920px) 100vw, 1920px"
srcset="
http://www.studioadam.com/codepen/waterfall-wide-1100.jpg  1100w,
         http://www.studioadam.com/codepen/waterfall-wide-550.jpg  550w"
src="http://www.studioadam.com/codepen/waterfall-wide-1100.jpg"
alt="">

或者（或者，如果您想对图像进行艺术指导），也可以在图片元素中使用源元素：

---

但带有图片和源代码的示例是否适用于IE？卡努斯说那不是真的@在IE11中，“unsupported”实际上只是意味着它将忽略标记中的任何

图片

和

源

元素。只要您有一个

img

和一个有效的

src

属性作为

picture

的子项，它就应该返回到这个位置，就像其他标记不在那里一样。