>웹 프론트엔드 >CSS 튜토리얼 >CSS 표현 제어 이미지 자동 크기 조정 효과 코드 [IE, Firefox와 호환]_경험치 교환

CSS 표현 제어 이미지 자동 크기 조정 효과 코드 [IE, Firefox와 호환]_경험치 교환

WBOY
WBOY원래의
2016-05-16 12:04:531552검색

오늘 이 문제를 마침내 해결하는 데 오랜 시간이 걸렸습니다. 유일한 결함은 IE 6이 이미지를 완전히 다운로드한 후에만 자동으로 크기를 조정한다는 것입니다. 그러나 긴 가로 스크롤을 보는 것보다는 낫습니다. 여기에서는 표현식을 사용하지만 한 번 로드되므로 표현식으로 인해 메모리 누수가 발생하지 않습니다. 물론, 더 나은 해결책이 있다면 저와 소통할 수 있기를 바랍니다.

코드는 다음과 같습니다.

.Image { max-width:600px;height:auto;cursor:pointer; border:1px dashed #4E6973;padding: 3px; function(elm ) { if (elm.width>560) { var oldVW = elm.width=560; elm.height = elm.height*(560 /oldVW) } elm.style.zoom = '1 '; } (이것)); }

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.