지난번에 네이티브 JavaScript를 사용하여 이미지의 동일한 크기 조정을 수행했지만 ie6에서는 최대 너비와 최대 높이가 호환되지 않았습니다. 오늘은 jQuery를 사용하여 코드의 jQuery 부분을 구현했습니다. 코드 복사 코드는 다음과 같습니다. <br>$(document).ready(function(){ <br>var maxWidth=$(".imgBox").width(); <br>$("img").each(function() { <br> if(!$.support.style&&$.browser.msie&&($.browser.version==6.0)){ //브라우저가 ie6이라고 판단한 경우<br>var imgWidth=$(this).width (); <br>var imgHeight=$(this).height(); <br>var maxHeight = maxWidth*imgHeight/imgWidth; <br>if(imgWidth>maxWidth){ <br>$(this).css( "너비", maxWidth).css("높이",maxHeight) <br>} <br>} <br>}) <br>}) <br> css 부분코드 : 코드 복사 코드는 다음과 같습니다. 본문{ 여백:0;} <BR>.box{ 너비:700px; 여백:0 자동;} <BR>.imgBox{ 배경:#CCCCCC;* 디스플레이:테이블 셀; 너비:10px 자동; 라인 높이:400px; 수직 정렬:중간;} <BR>img 테두리:0 없음; 오버플로: 숨김; 수직 정렬: 중간;} <BR> > 코드 복사 코드는 다음과 같습니다. class="imgBox"> < ;img src="images/12.jpg" alt="크기 조정 이미지"/>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
