이미지 자동 리사이징 방법 좀 알려주세요.
본문
수고하십니다.
pc에서는 원상태의 이미지로 잘 보여지는데
모바일쪽에 가면 이미지가 잘려 보여서 자동으로 리사이징 되는 법을 알고 싶습니다.
조언 좀 부탁드립니다.
.business_type3{ width:100%; max-width:1200px; margin:0 auto;}
.business_type3:after{content:""; display:block; clear:both;}
.business_type3 .business_info{ width:100%; }
.business_type3 .business_info .backImg{width:580px; margin-top:0; float:left; margin-left:40px; padding-top:550px; }
.business_type3 .business_info .backImg:nth-child(2n-1){margin-left:0}
.business_type3 .business_info .backImg:nth-child(1){background:url('../sub01/image/sub02b.jpg') no-repeat center top; }
.business_type3 .business_info .backImg:nth-child(2){background:url('../sub01/image/sub02c.jpg') no-repeat center top; }
.business_type3 .business_info .backImg .txt_area{width:90%; margin:0 auto; padding:30px 30px 50px 30px; text-align:center; box-sizing:border-box; height:280px; background:#fff; }
.business_type3 .business_info .backImg .txt_area .tit{font-size:1.5em; line-height:1.4em; color:#000; }
.business_type3 .business_info .backImg .txt_area ul{ margin-top:30px; padding:0; }
.business_type3 .business_info .backImg .txt_area ul li{text-align:left; font-size:1em; line-height:1.4em; color:#777; padding-left:15px; margin-bottom:10px; background:url('../image/arr.png') no-repeat left 50%; }
답변 1
확실한건 모르지만 4번째 줄
.business_type3 .business_info .backImg{width:580px; margin-top:0; float:left; margin-left:40px; padding-top:550px; }
백그라운드 이미지 가로크기가 고정으로되어있구요 패딩도 잡혀있네요
이부분 확인해보시는게 어떨까싶습니다.
답변을 작성하시기 전에 로그인 해주세요.
