0

我正在尝试实现艺术指导并使<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 中工作？谢谢！

4

2 回答 2

2

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

于 2016-01-12T18:01:14.007 回答
1

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

于 2015-11-25T16:09:05.890 回答