HTML : 최대 높이/너비로 이미지 크기 조정

Question

이미지가 많이 표시되는 웹 페이지가 있습니다. 나는 200 픽셀 너비와 200 픽셀 높이보다 큰 이미지가 없는지 확인하고 싶다. 그 중 하나가 있다면, 가장 긴 치수가 200 픽셀이되도록 크기를 축소하고 싶습니다.

이 작업을 수행하는 가장 좋은 방법은 무엇입니까? CSS? 자바 스크립트 (jQuery 좋아)? jQuery를 가정

Answer 1

:

var img = $(img), width = img.width(), height = img.height(); 
if(width == height) { 
    img.width(200).height(200); 
} else if(width > height) { 
    img.height(Math.round(height/width * 200)).width(200); 
} else { 
    img.width(Math.round(width/height * 200)).height(200); 
} 

당신은 단지 긴 치수를 설정하고 (폭과 높이가 다른 속성, 속성 또는 CSS에 설정되지 않은 경우) 비율을 건너 뛸 수있을 수 있지만, 나는 천국 ' 브라우저 테스트가 완료되어 전체적으로 작동하는지 확인합니다.