Pourquoi mes images sont-elles à l'envers ? Un aperçu de la propriété CSS `image-orientation`.

Problèmes d'orientation de l'image avec la balise img

Lors de l'affichage d'une image à l'aide de la balise img, l'orientation peut parfois être incorrecte, ce qui entraîne un avantage -image vers le bas. Ce problème provient des métadonnées d'image qui spécifient l'orientation prévue de la photo.

Pour résoudre ce problème, CSS a introduit la propriété image-orientation. En ajoutant le CSS suivant à votre feuille de style, vous pouvez corriger l'orientation de l'image :

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

Au moment de cette réponse (25 janvier 2016), Firefox et iOS Safari (avec un préfixe) prennent en charge la propriété d’orientation de l’image. Cependant, des problèmes peuvent encore survenir avec Safari et Chrome. Mobile Safari semble gérer l'orientation de manière native sans avoir besoin du CSS.

Jusqu'à ce qu'une prise en charge plus large du navigateur soit disponible, nous pouvons nous attendre à ce que ces problèmes d'orientation persistent.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!