Question

我正在使用＆lt; picture＆gt;元素，使用Picturefill进行跨浏览器支持。在IE10中（在9和11中都很好），它在普通页面加载时完美运行，但在ctrl + f5后没有显示图像。（如果我然后打开开发工具或更改缩放，以及如果我进行普通刷新，则加载正确的图像）。

我正在使用＆lt; picture＆gt;如下：

<picture>
  <!--[if IE 9]><video style="display: none;"><![endif]-->
    <source srcset="http://placehold.it/360x240" media="(min-width: 640px)">
    <source srcset="http://placehold.it/240x180">
  <!--[if IE 9]></video><![endif]-->
  <img alt="" srcset="http://placehold.it/240x180">
</picture>

我查看过Picturefill的演示，甚至还有一个非常接近我使用＆lt; picture＆gt;的方式的例子。和srcset我无法复制这个问题，所以它似乎不是纯粹的Picturefill错误。

是否有其他人遇到此问题或有任何建议如何解决？如果我使用src而不是srcset似乎有效，但我知道不建议将src与Picturefill一起使用，因为它会导致在不支持srcset的浏览器中双重下载。

Answer 1

以下模式是否适合您：

<picture>
  <!--[if IE 9]><video style="display: none;"><![endif]-->
    <source srcset="http://placehold.it/360x240" media="(min-width: 640px)">
    <source srcset="http://placehold.it/240x180">
  <!--[if IE 9]></video><![endif]-->
  <img alt="">
</picture>

在缓存清除时，PictureFill无法在IE10中工作

1 个答案: