해당 슬라이드의 경우 '세로크기' 기준으로 출력되며, 배경이미지로 처리가 되어있어서 가로 100% 비율로 화면을 채우기가 어렵습니다.

 

모바일 최소사이즈(320px) 기준으로 이미지 가로크기가 300일때 전체가 다 출력됩니다.

해당 크기로 출력되도록 다음과 같이 수정하였습니다.

(가로크기가 320px 보다 클 경우 좌우에 여백이 출력됩니다.)

 

@ layout_mobile.css

 

    .slides > li > span {
        display:block; height:220px; text-indent:-9999px;
        background-repeat:no-repeat; background-size:480px 220px; background-position:50% 50%;
    }

 

    .slides > li > span {
        display:block; height:170px; text-indent:-9999px;
        background-repeat:no-repeat; background-size:300px 170px; background-position:50% 50%;
    }