html - 참고 사이트 - <img> - ex01 - ex02 :: 이미지 사이즈 제한.

15126f05e27-b2ba15b7.md

html

참고 사이트

placehold.it

• 원하는 크기의 이미지를 재공해 준다. 사용법은 예제 참조.

• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img

ex01

<img src="mdn-logo-sm.png" alt="MDN">

ex02 :: 이미지 사이즈 제한.

html:

<img src="http://placehold.it/1000x400">

css:

img {
  max-width: 100%
  /*이미지 사이즈가 부모 영역 사이즈를 넘지않게 한다.*/
}

note-info.json

{"noteId":"15126f05e27-b2ba15b7","main":"15126f05e27-b2ba15b7.md","title":"html - 참고 사이트 - <img> - ex01 - ex02 :: 이미지 사이즈 제한."}