본문에 있는 이미지를 풀사이즈로 만들기
- Nest
- Development
- Category
- html/css
- Hit
- 806
- Star
- 0
컨텐츠 내부에서 이미지만 사이즈를 확 키울 수 있는 방법이다.
- 만들어본 데모: 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;
}