강제 이미지가 큰 경우

Question

나는이 나는 이미지 태그에 표시하고 이미지 :

이 축소판이지만, 일부 있도록 폭에 조금 있습니다 내가 원하는 그 이미지 (더 큰 이미지가로드 되더라도) 디스플레이가 축소되도록하십시오.

작은 이미지는 확장하지 않지만 큰 이미지의 경우 어떻게합니까?

Answer 1

주어진 높이 또는 너비를 초과하는 이미지에만 CSS 클래스를 추가 한 다음 스타일 시트에서 높이와 너비를 설정할 수 있습니다.

Answer 2

이미지의 CSS 속성 max-width 및 max-height를 사용할 수 있습니다.

img { 
    max-width: 300px; 
    max-height: 200px; 
} 

은 IE8을 포함한 모든 인기있는 브라우저에서 잘 작동합니다.

Answer 3

당신은 단지 높이 일반적으로 발생할 가능성이 이미지의 가장 적합한 값으로 < img> 태그의 폭 속성을 지정할 수 있습니다.