3

横向き用と縦向き用の 2 つの画像があります。

を使用する<picture>と、標準のメディア クエリを使用できますが<picture>、Safari ではサポートされていないため、使用したいと考えています<img srcset>。のデバイスの縦向きに対処する方法に関する情報が見つかりませんsrcset。

何か助けはありますか？

4

2 に答える 2

0

srcsetアートディレクションには使用できません。代わりに<picture>、picturefillを使用してください。

于 2015-10-19T13:19:58.967 に答える
0

サファリは <picture> をサポートするようになりました。縦向きモードと横向きモードで異なる画像を表示するコードを次に示します。

<picture>
    <source media="(orientation: landscape)" srcset="landscape.jpg">
    <source media="(orientation: portrait)" srcset="portrait.jpg">
    <img src="fallback-image.jpg">
</picture>
于 2020-06-15T12:09:00.040 に答える