때로는 이미지가 너무 커서 웹 페이지의 깔끔한 레이아웃을 방해하기도 합니다. 이때 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를 넘지 않으면 원래 크기로 표시됩니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
