728x90
반응형
img태그 속성에 style="max-width:100%; height:auto;"
width:100%는 이미지 원본 사이즈와 상관없이 페이지 너비에 맞추어 꽉 채우는 반면, max-width:*%는 페이지 너비가 원본 이미지 크기보다 크면 이미지 사이즈를 원본대로 하고, 페이지 너비가 이미지보다 작아지면 이미지 사이즈를 페이지 너비에 *%로 맞춘다.
728x90
반응형
'농장 > HTML5·CSS' 카테고리의 다른 글
| Vscode 비주얼코드 브라우저 실행 단축키 설정하기 (0) | 2020.04.25 |
|---|---|
| [CSS] position : relative, absolute +중앙정렬하기 (0) | 2020.03.31 |
| [ HTML / JS ] Iframe 활용 (0) | 2020.02.15 |
| [ HTML ] 블럭과 인라인 속성 태그 정리 (0) | 2020.02.14 |
| [ HTML ] 테이블 테두리 한 줄로 지정 & 두줄 테두리 간격 조정 (0) | 2020.02.14 |