具有srcset的响应图像在IE11中不起作用

Question

<img srcset="assets/img/pages/support-and-services/hub/head1-40w.png 40w,
             assets/img/pages/support-and-services/hub/head1-80w.png 80w" 
     sizes="40px" 
     src="assets/img/pages/support-and-services/hub/head1-80w.png 80w" 
     class="d-none d-lg-inline" alt="head icon" />

上面是有问题的代码。我的图像没有显示在IE中。检查网络后，我发现它试图在“ assets / img / pages / support-and-services / hub / head1-80w.png％2080w”处获取图像。

因此，它以某种方式认为“ 80w”是图像URL的一部分，并将“％2080w”附加到末尾。当然，获得图像时，该位置不存在该图像。

我认为我使用的来源集不正确吗？而且我似乎找不到其他人遇到此问题，并且仅在IE中。请帮忙！

谢谢大家！

Answer 1

您不能在src属性中使用“ 80w”。 IE doesn't support srcset属性，因此它将查找srcset属性以查找图像URL。您的src值加上“ 80w”是错误的，因此IE无法找到正确的图片网址。

[在其他支持src的浏览器中，它们直接使用srcset值作为图像URL。我们可以在srcset值中直接使用正整数，后跟w，这样就可以了，浏览器可以找到正确的图片网址。

结论中，您正确设置了srcset值，但错误地设置了scrset值。应该是src。