이미지 비율 유지 방법 : html , img

이미지 비율 유지 방법 : html , img

• html img 태그를 사용하여 원본 이미지의 비율을 유지하면서 width가 최대 100이 되도록 하려면, 다음과 같이 width 속성과 height: auto 스타일을 사용하시면 됩니다:

<img src="이미지_경로" alt="설명" style="width: 100px; height: auto;">

• 이렇게 하면 이미지의 너비가 100px로 설정되며, 높이는 원본 비율을 유지한 채 자동으로 조정됩니다. (높이를 고정하려면 width를 auto로 처리)

view raw html.img.ratio.ko.md hosted with ❤ by GitHub