모바일에서 상단이미지 좌우가 잘립니다.
본문
모바일에서
heparam.co.kr
접속하면 상단이미지 좌우가 잘립니다.
모가 문제인가요?
@media (max-width:720px) {
.parallax_01 {
max-width:100%; height:auto;
background-image: url("../../../img/main/mobile_visual1.jpg" );
}
.parallax_02 {
max-width:100%; height:auto;
background-image: url("../../../img/main/mobile_visual2.jpg");
}
.parallax_03 {
max-width:100%; height:auto;
background-image: url("../../../img/main/mobile_visual3.jpg");
}
}
답변 1
carousel.css > 415 line 에서 height가 100%로 잡혀있어서 그런 것 같네요. 반응형에 맞춰서 화면 비율이 줄어들면 height는 100% 유지한채로 이미지 좌우가 짤리도록 구성한 거 같습니다. 지금처럼 모바일용 이미지를 따로 만들어서 사용하는 케이스는 고려하지 않은거죠.
height를 낮추면 모바일 이미지 사이즈가 정상적으로 출력되니 거기에 맞춰서 다시 css를 잡으면 될 것 같습니다.
답변을 작성하시기 전에 로그인 해주세요.