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

Question

我正在查看 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 我是如何如此糟糕地屠杀这个标题的。 "Is safari not correctly displaying images using the srcset and pictures tag?"

Answer 1

img 上的

srcset 应该可以在 Safari 中使用，但 picture 还不能使用（目前仅处于测试阶段）。

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

Is Safari not correctly images using srcset pictures?

html

webkit

srcset