CSS만으로 이미지 크기를 비례적으로 조정할 수 있나요?

CSS를 사용하여 이미지 크기를 비례적으로 조정

CSS만으로 이미지 크기를 비례적으로 줄이는 것이 가능합니까? JavaScript가 사용되고 있더라도 CSS가 이를 수행할 수 있는지 조사해 볼 가치가 있습니다.

CSS로 크기를 조정하면서 이미지의 가로 세로 비율을 유지하려면 다음 접근 방식을 사용하세요.

img.resize {
  width: 540px; /* you can use % */
  height: auto;
}

여기서 스타일을 사용하면 이미지의 너비는 고정되고 높이는 조정 가능하므로 이미지가 비례적이고 왜곡되지 않은 상태로 유지됩니다. 이 방법은 이미지가 컨테이너에 맞는지 확인하거나 이미지의 크기를 알 수 없는 경우에 특히 유용합니다.

위 내용은 CSS만으로 이미지 크기를 비례적으로 조정할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!