Safari 9忽略图片元素

Question

我正在尝试实现艺术指导，并使<picture>元素在移动设备上显示方形图像，在所有其他设备上显示风景图像。出于某种原因，当它应该能够识别我在这里给出的<img>值时，Safari会继续回到<source srcset="">标签。

<picture>
  <source media="(max-width: 480px)" srcset="http://placehold.it/480x480">
  <source media="(max-width: 640px)" srcset="http://placehold.it/640x320">
  <source media="(max-width: 1024px)" srcset="http://placehold.it/1024x600">
  <img src="http://placehold.it/1224x1224/c00/fff" alt="">
</picture>

这似乎可以在chrome中找到，但任何人都可以解释为什么Safari会忽略这些srcset属性以及如何让它在Safari 9中运行？谢谢！

Answer 1

Safari 9不支持<picture>，但它看起来像Safari 9.1呢！ https://developer.apple.com/library/archive/releasenotes/General/WhatsNewInSafari/Articles/Safari_9_1.html?ref=webdesignernews.com

Answer 2

Safari 9不支持<picture>。它只支持<img srcset>。如果您需要<picture>支持Safari，您可能希望将picturefill添加到您的站点。