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

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

QA

SIR 제작의뢰 - 견적무료/익명보정/호스팅, DB 이전/단기개발. 이젠 ' 의뢰인'이 원하는 '제작자'에게만 연락처를 알릴 수 있습니다.

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

본문

모바일에서

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

채택됨

SLOOP님의 답변

carousel.css > 415 line 에서 height가 100%로 잡혀있어서 그런 것 같네요. 반응형에 맞춰서 화면 비율이 줄어들면 height는 100% 유지한채로 이미지 좌우가 짤리도록 구성한 거 같습니다. 지금처럼 모바일용 이미지를 따로 만들어서 사용하는 케이스는 고려하지 않은거죠.

 

height를 낮추면 모바일 이미지 사이즈가 정상적으로 출력되니 거기에 맞춰서 다시 css를 잡으면 될 것 같습니다.

주소복사
채택됨
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 80,514 | RSS
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

진행중 포인트경매

  1. @멘션 알림 자동완성 + Ckeditor4 플러그인

    참여0 회 시작19.11.17 11:33 종료19.11.24 05:15
  2. CSS3 전환,검색, 정렬, 셔플링이 있는 갤러리 스킨

    참여0 회 시작19.11.16 21:51 종료19.11.23 21:51

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT