>웹 프론트엔드 >CSS 튜토리얼 >css_Experience 교환을 사용하여 이미지 크기 표시를 제어하는 ​​구현 방법 및 코드

css_Experience 교환을 사용하여 이미지 크기 표시를 제어하는 ​​구현 방법 및 코드

WBOY
WBOY원래의
2016-05-16 12:08:171526검색

때로는 이미지가 너무 커서 웹 페이지의 깔끔한 레이아웃을 방해하기도 합니다. 이때 CSS를 사용하여 이미지의 높이나 너비를 비례적으로 압축할 수 있습니다.
CSS 코드는 다음과 같습니다.
img,a img{
border:0; 여백:0;
패딩:0 ;
최대 너비:590px;
폭:표현(this.width>590?"590px":this.width)
최대 높이:590px ;
height:expression(this.height>590?"590px":this.height);
}
이런 식으로 이미지의 높이나 너비가 590px를 초과하면 비례적으로 590px를 넘지 않으면 원래 크기로 표시됩니다.

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