我正在查看this page以供参考
我正在尝试上班的代码看起来像这样
<figure>
<picture>
<source srcset="images/specto1@1x.png 1x, images/specto1@2x.png 2x">
<source srcset="images/specto1.png">
<img src="images/specto1-old.png" alt"Spectrogram of hiss event at the South Pole">
</picture>
<figcaption>Spectrogram of hiss event at the South Pole</figcaption>
</figure>
The demo for loading different images使用scrset似乎不适用于safari 9,但它在chrome中工作正常。我的印象是safari和iOS现在已经实现了自safari 9和iOS safari 8以来的scrset属性。
目前safari 9正在加载specto1-old.png而chrome正在加载specter1@1.png
有人可以解释为什么演示在chrome中运行但不是safari吗?
编辑:Idk我如何如此严重地捣蛋。 “safari是否使用srcset和pictures标签正确显示图像?”
答案 0 :(得分:2)
srcset
上的{p> img
应该可以在Safari中使用,但picture
尚不可用(目前仅处于测试阶段)。