jquery_jquery에서 이미지 적응형 크기를 로드하기 위한 기본 구현 코드

고정 크기 div에 그림을 배치하는 방법 그림이 더 작은 경우 실제 크기가 표시됩니다. 그림이 div 크기를 초과하면 그림이 자동으로 div 크기에 맞게 조정됩니다. 구현 과정의 주요 코드:

코드 복사 코드는 다음과 같습니다.

.divImg{

max-height:200px; 최대 너비: 200px;
width: 표현식(this.width > 200 && this.width > this.height ? 200 : auto); >height: 표현식(this.height > 200 ? 200 : auto);
}


예:

코드 복사 코드는 다음과 같습니다.

-equiv="Content-Type" content="text/html:charset=utf-8" />