내 이미지가 왜 거꾸로 되어 있나요? `image-orientation` CSS 속성을 살펴보세요.

img 태그의 이미지 방향 문제

img 태그를 사용하여 이미지를 표시할 때 방향이 잘못되어 오히려 상승할 수 있는 경우가 있습니다. -다운 이미지. 이 문제는 사진의 의도된 방향을 지정하는 이미지 메타데이터에서 발생합니다.

이 문제를 해결하기 위해 CSS는 이미지 방향 속성을 도입했습니다. 스타일 시트에 다음 CSS를 추가하면 이미지 방향을 수정할 수 있습니다.

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

이 답변 시점(2016년 1월 25일) 현재 Firefox 및 iOS Safari(접두사 포함)는 지원됩니다. 이미지 방향 속성. 그러나 Safari 및 Chrome에서는 여전히 문제가 발생할 수 있습니다. Mobile Safari는 CSS 없이 기본적으로 방향을 처리하는 것으로 보입니다.

더 광범위한 브라우저 지원이 제공될 때까지 이러한 방향 문제는 지속될 것으로 예상됩니다.

위 내용은 내 이미지가 왜 거꾸로 되어 있나요? `image-orientation` CSS 속성을 살펴보세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!