CSS를 사용하여 이미지 크기를 자동으로 조정
저자:Eve Cole
업데이트 시간:2009-06-12 17:47:59
이미지가 크기에 자동으로 적응하는 문제는 일상적인 제작 과정에서 흔히 발생하는 문제입니다. 비교적 간단한 해결 방법은 다음과 같습니다.
div img {
최대 너비:600px;
//IE7, FF 및 기타 IE가 아닌 브라우저에서 최대 너비는 600px입니다.
너비:600px;
//모든 브라우저의 이미지 크기는 600px입니다.
width:expression(document.body.clientWidth>600?"600px":"auto");
//이미지 크기가 600px보다 크면 자동으로 600px로 줄어듭니다.
오버플로:숨김;
}