Safari是否使用srcset图片无法正确显示图像?

时间:2016-01-15 03:38:56

标签: html5 webkit srcset

我正在查看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标签正确显示图像?”

1 个答案:

答案 0 :(得分:2)

srcset上的{p> img应该可以在Safari中使用,但picture尚不可用(目前仅处于测试阶段)。