안녕하세요

반응형 홈페이지인대

메인 화면의 배너가 이미지가   pc 에서  모방일로 바뀔때

세로 이미지 크기는 그대로인대 가로 좌우 이미지만 잘리게 되어있어요

이미지가 전체가 그대로 작아지게 하려면 어떻게 해야되나요?

/* #home 배너 */

#home:after{display:block;clear:both;content:"";} .home_section {height:100%;padding:350px 0 200px 0;overflow:hidden;} .background_bg, .backstretch{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;background: url("../img/bg.jpg") center center no-repeat; background-image:100%; !important;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;} .home_section .container {height: 100%;} .home_content {position:relative;display:table;height:100%;width:100%;overflow: hidden;} .title {font-size:40px;line-height:50px;color:#fff;font-weight:600;margin:20px 0} .description {margin-bottom: 30px;font-size: 18px;line-height: 30px;color: #fff;}