본문에 있는 이미지를 풀사이즈로 만들기

컨텐츠 내부에서 이미지만 사이즈를 확 키울 수 있는 방법이다.

• 만들어본 데모: https://codepen.io/redgoose/pen/qzZxdE
• 참고 포스트: https://salferrarello.com/full-screen-width-image-inside-container/
• 참고 데모 URL: https://salcode.github.io/full-screen-width-image-inside-container/

주요 css 코드는 다음과 같다.

img {
  display: block;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: 1000%;
  width: auto;
}