0

アートディレクションを実装<picture>し、モバイルでは正方形の画像を表示し、他のすべてのデバイスでは横長の画像を表示しようとしています。何らかの理由で、ここで指定<img>した値を認識できるはずのときに、Safari はタグにフォールバックし続け<source srcset="">ます。

<picture>
  <source media="(max-width: 480px)" srcset="http://placehold.it/480x480">
  <source media="(max-width: 640px)" srcset="http://placehold.it/640x320">
  <source media="(max-width: 1024px)" srcset="http://placehold.it/1024x600">
  <img src="http://placehold.it/1224x1224/c00/fff" alt="">
</picture>

これは chrome で動作するようですが、Safari がこれらの srcset 属性を無視する理由と、Safari 9 で動作させる方法を説明できる人はいますか? ありがとう！

4

2 に答える 2

1

Safari 9 は をサポートしていません<picture>。のみをサポートします<img srcset>。<picture>Safari のサポートが必要な場合は、サイトにピクチャフィルを追加することをお勧めします。

于 2015-11-25T16:09:05.890 に答える