Question

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

{{1}}

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

什么是最好的后备？到目前为止，我所能想到的是使用带有不同断点的css的媒体查询。有没有更好的办法？我也试过css封面，宽度; 100％并且包含，但两者都不完美。

Answer 1

你已经有了后备。你设置它的方式应该在IE 10和11中工作......两者都会忽略大小和srcset属性，但默认使用src属性。

我使用我的图像测试了相同的结构，它在IE 10和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="">

或者（或者如果你想要艺术直接图像），你也可以在picture元素中使用source元素： http://codepen.io/studioadam/pen/pNVNNj?editors=1100

IE5和11的HTML5 <picture> srcset后备

1 个答案: