1

このページを参考に見ています

動作させようとしているコードは次のようになります

<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 では正常に機能します。サファリと iOS は、サファリ 9 と iOS サファリ 8 以降、scrset 属性を実装したという印象を受けました。

現在、Safari 9 は specto1-old.png をロードしていますが、chrome は specter1@1.png をロードしています。

デモがクロムで機能するのにサファリでは機能しない理由を誰かが説明できますか?

編集: Idk どうやってタイトルをひどく解体したか. 「srcset と pictures タグを使用して safari が画像を正しく表示していませんか?」

4

1 に答える 1