반응형 메인 이미지 세로 크기 조정 질문입니다.
본문
반응형으로 제작하고 있는데
메인 페이이지에 있는 가로 1920px, 세로 900px 크기의 이미지를 띄웁니다.
그 다음 사이즈를 줄이면 가로 이미지의 크기는 같이 줄어드는데
세로의 크기역시 같이 잘 줄어듭니다.
이 떄 문제가 생기는게 하단의 여백에 생기게 되는데
메인 이미지에서 가로세로 크기가 줄어들면서 생기는 아래 여백을 어떻게 줄일 수 있을까요
<style>
.com_main {width:100%;height:auto;min-height:900px;background-image:url("/images/main/company_main_full.jpg");background-repeat:no-repeat;background-size:contain;}
</style>
<div class="com_main">
답변을 작성하시기 전에 로그인 해주세요.