Question

我收到了以下代码：

<picture>
  <source media="(min-width: 960px)" srcset="http://placehold.it/960x150">
  <source media="(min-width: 575px)" srcset="http://placehold.it/575x150">
  <img src="" alt="">
</picture>

加载页面时，img src get会被第一个匹配的源元素自动替换。有没有办法在页面第一次加载时阻止这种自动替换？我想到了类似于额外的html属性的东西。

Answer 1

您正在测试哪种浏览器？

<picture>
  <source media="(min-width: 960px)" srcset="http://placehold.it/960x150">
  <source media="(min-width: 575px)" srcset="http://placehold.it/575x150">
  <img src="" alt="">
</picture>

This seems to work fine on Chrome。 The picture feature has not got full support，所以这可能是问题

防止图片源自动加载

1 个答案: