문답/제안/버그


스마툴즈 빌더에 대한 질문이나 제안사항, 또는 버그신고를 위한 게시판입니다.

질문메인 슬라이더 이미지 관련 [1]

작성자: 레몬님    작성일시: 작성일2017-09-26 11:23:29    조회: 3,260회    댓글: 1

메인 슬라이더 이미지가 모바일에서 일정비율로 축소되는게 아니라

가로 사이즈만 잘려서 보이는거 같은데요~ (높이는 설정한대로 보임)

 

메인 이미지에 text 도 넣어놔서 모바일에서는 잘려서 보입니다.

(디자인 상 가운데로 텍스트를 넣기도 애매해서요..^^)

 

자동축소가 되면 좋을거 같은데, 어떻게 수정을 해야할까요...

slider.php  가로사이즈를 더 넓은 수치로 수정했는데도 적용이 안되는거 같습니다..  

댓글목록

작성자: 관리자님     작성일시:

레몬님, 안녕하세요.
메인슬라이더의 이미지는 배경으로 깔리고 crop 처리되는 것이 반응형에선 더 자연스럽기에 그렇게 처리되어 있습니다.
단순히, 이미지 비율에 맞추어 height가 줄도록 처리할 수도 있습니다만 코드를 이해하고 수정해 주어야 합니다.
(순정에서는 슬라이더 아이템 background-mage 처리되어 있는데, <img src=""> 추가 등)

텍스트가 크거나 많아서 모바일에서 짤린다면 미디어쿼리로 CSS 코드를 추가해 주세요.
예를 들어, 다음과 같은 코드를 추가해 주면 모바일 세로에서 폰트 크기가 줄어듭니다.

...
@media screen and (max-width: 480px)
  .carousel-caption h3 {
    font-size: 12px;
  }
...

이상, 참고해 주세요.