html - Safari 是否使用 srcset 图片不正确地显示图像？

Question

我正在查看此页面以供参考

我试图开始工作的代码看起来像这样

<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>

使用 scrset加载不同图像的演示似乎不适用于 safari 9，但它在 chrome 中运行良好。我的印象是自 safari 9 和 iOS safari 8 以来 safari 和 iOS 现在已经实现了 scrset 属性。

目前 safari 9 正在加载 specto1-old.png 而 chrome 正在加载 specter1@1.png

有人可以解释为什么该演示适用于 chrome 而不是 safari 吗？

编辑： Idk 我是如何如此糟糕地屠杀了这个小家伙。“Safari 使用 srcset 和图片标签是否无法正确显示图像？”

Answer 1

srcsetonimg应该可以在 Safari 中使用，但picture还不能使用（目前仅在测试版中）。