이미지를 세로 모드로 올바르게 표시하는 방법은 무엇입니까?

Question

일부는 내 웹 사이트에서 일부 가로 모드의 사진과 세로 모드의 다른 사진을 사용하고 있습니다. 나는 HTML의 IMG 태그에서 사용할 때, 내가 직접 내가 제대로 서/세로 모드로 이미지를 볼 수있는 브라우저의 URL (/doc/54836abcc1a36b7526daa146)를 방문하면

<img src="/doc/54836abcc1a36b7526daa146"> 

:하지만, 나는 가능한 가장 기본적인 HTML을 사용 가로 모드로 표시됩니다. 확장자 (예 : .jpg)를 사용하지 않았기 때문입니다. 아니면 뭔가 다른 것이 있습니까?

아무도 이미지를 세로 모드로 올바르게 표시 할 수있는 방법을 알고 있습니까? 모든 팁을 환영합니다!

Answer 1

CSS를 사용하면 이미지를 가로 또는 세로로 볼 수 있도록 회전하거나 크기를 조정할 수 있습니다.

회전 이미지를 90도 :

img { 
-ms-transform: rotate(90deg); /* IE 9 */ 
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ 
transform: rotate(90deg); 
} 

스케일 이미지 : 여기에 예

img { 
height: 100px; 
width: 200px; 
}