모바일 확인시 이미지가 잘립니다.
본문
http://cheongbo21.cafe24.com/good/biz01.php
어디를 수정해야 할까요?
고수님들 도와주세요~
css값입니다.
.sub_top_bg2{padding:780px 0 150px 0;}
답변 1
background-size:cover 로 돼 있는거 보면 화면 줄였을때 비율 줄이는것 만큼 줄이고자 하시는거 같은데
그럴경우 그냥 img 태그로 넣어서 width:100% 주시면 자동으로 비율맞춰서 줄어듭니다.
background로 넣어서 조정을 할 경우
height:0; padding-top:66.43% (이건 지금 넣어놓은 이미지 비율을 계산해보니 대충 이정도네요)
이렇게 넣어주시면 자동으로 화면줄이는것만큼 자연스럽게 줄어들겁니다.
근데 사이트 들어가보니
@media screen and (max-width: 1023px)
.add_wrap {
height:340px
이 값이 있습니다. 그래서 위 방식대로 하면 화면을 많이 줄였을때 이미지 하단 부가 잘립니다.
자연스럽게 할려면 height:auto 값을 주시고 하단 공백을 padding이나 margin으로 주시면 될것같습니다.
답변을 작성하시기 전에 로그인 해주세요.