Web(웹) Study/HTML & CSS

CSS에서 이미지 가로폭 자동 리사이징

알 수 없는 사용자 2009. 7. 22. 09:57


원래는 max-width를 써서

img {
     max-width: 600px;
}

이나

img {
     max-width: 80%;
}

이렇게 해주면 되지만 익스플로러를 위해 한줄 더 추가하면

img {
     max-width: 600px;
     width:expression(this.width > 600 ? "600px" : this.width);
}

파이어폭스, 익스플로러 모두 제대로 적용됨.