모바일에서 상단이미지 좌우가 잘립니다.

모바일에서 상단이미지 좌우가 잘립니다.

QA

모바일에서 상단이미지 좌우가 잘립니다.

본문

모바일에서

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를 잡으면 될 것 같습니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 1,284
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT