728x90
반응형
img태그 속성에 style="max-width:100%; height:auto;"
width:100%는 이미지 원본 사이즈와 상관없이 페이지 너비에 맞추어 꽉 채우는 반면, max-width:*%는 페이지 너비가 원본 이미지 크기보다 크면 이미지 사이즈를 원본대로 하고, 페이지 너비가 이미지보다 작아지면 이미지 사이즈를 페이지 너비에 *%로 맞춘다.
728x90
반응형
'studies > Front-end' 카테고리의 다른 글
| [CSS] position : relative, absolute +중앙정렬하기 (0) | 2020.03.31 |
|---|---|
| [Javascript] document.write() 함수 사용시 주의 (0) | 2020.03.30 |
| [HTML/Javascript] Iframe 활용 (0) | 2020.02.15 |
| [Javascript] 해당 클래스의 요소를 일괄 동작시키기 / 자주쓰이는 문법 정리 (0) | 2020.02.15 |
| [HTML] block과 inline 속성 태그 정리 (0) | 2020.02.14 |
