(HTML, CSS) css background 반응형에서 같은 비율로 조정하기 (줄이기)

See the Pen 반응형 이미지 관련 by kimyangsun (@kimyangsun) on CodePen.

https://codepen.io/kimyangsun/pen/ZEYXLqZ

반응형 이미지 관련

배너 같은 사진을 구현할때 html에 img 태그로 구현하게 되면 반응형에서 비율유지가 까다롭습니다.

 

그렇기 때문에 background-image 즉 css 를 이용하여 배경을 만들고 그 배경에 부모요소에게 padding-top 이나 padding-bottom 을 줘서 비율을 원하는대로 변경 가능합니다. 자세한 코드는 링크를 누르면 나옵니다.