画像が逆さまになってしまうのはなぜですか? CSS の「image-orientation」プロパティを見てみましょう。

img タグによる画像の向きの問題

img タグを使用して画像を表示すると、向きが正しくなくなり、結果として逆になる場合があります。 -ダウンイメージ。この問題は、写真の意図された方向を指定する画像メタデータに起因します。

この問題に対処するために、CSS は image-orientation プロパティを導入しました。次の CSS をスタイル シートに追加することで、画像の向きを修正できます。

<code class="css">img {
    image-orientation: from-image;
}</code>

この回答の時点 (2016 年 1 月 25 日) では、Firefox および iOS Safari (プレフィックス付き) がサポートされています。 image-orientation プロパティ。ただし、Safari と Chrome では引き続き問題が発生する可能性があります。 Mobile Safari は、CSS を必要とせずに向きをネイティブに処理するようです。

より広範なブラウザーのサポートが利用可能になるまで、これらの向きの問題は続くことが予想されます。

以上が画像が逆さまになってしまうのはなぜですか? CSS の「image-orientation」プロパティを見てみましょう。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。