작은 화면에서 겹치는 시차 스크롤 기능 문제 해결

필자는 시차 스크롤 효과가있는 부트 스트랩 웹 사이트를 운영하고 있습니다. 나는 그것이 보이는 모양을 좋아한다, 작은 스크린을 제외하고 그것은 정렬을 실패한다. '텍스트 오버'섹션은 내용이 길지 않습니다. 즉, 부트 스트랩 피처가 스택되지만 시차 섹션은 스택 된 내용을 수용하기 위해 수직으로 확장되지 않습니다. 이 문제를 어떻게 해결할 수 있습니까? :( 이 사이트는 살아 있습니다, 그래서 당신은 http://www.adeninedesign.net/작은 화면에서 겹치는 시차 스크롤 기능 문제 해결

출처

2017-02-01 kim vogel

나는 어디서부터 시작해야할지 모르겠다. . 나는 내가하고 싶은 일을 할 수 없다고 생각하지만 거기서 그것을 버리고 싶다. 내가 그것을 스크랩하기 전에 누군가가 힌트를 가지고 있는지 알아보기를 원한다. –

화면이 작아 졌을 때 정렬 문제가있는 경우에는 '미디어 쿼리'를 살펴 보는 것이 좋습니다. –

내가 아주 많이 쌓아에서 계속 할 콘텐츠의 일부를 정렬하기 위해 테이블을 사용하여 문제를 해결 한 것 같다 ...를 확인할 수 있습니다. 나는 내가 그 허용 할 것인지도 확실하지 않다 ... 서브 행 (하위 요소)를 사용했던 같은

012 :

<div class="row"> 
     <div class="col-sm-1"></div> 
     <div class="col-sm-10 text-left"> 
      <div class="row"> 
       <div class="col-sm-4">Content</div> 
       <div class="col-sm-4">Content</div> 
       <div class="col-sm-4">Content</div> 
      </div> 
     </div> 
     <div class="col-sm-1"></div> 
    </div>

대신이 내 솔루션입니다

그러나 xs 열 정렬을 지정하여 열 시스템 자체에서이를 해결할 수 있다고 확신합니까? 아마도? 나는 그것을 간단히 시도했는데, 내가 찾던 결과를 포기하지 않았다. 시도를 포기하고 테이블과 함께 갔다. 나는 여기에 사기꾼 해결책이라고 느낀다 ...

출처

2017-02-02 17:24:49

작은 화면에서 겹치는 시차 스크롤 기능 문제 해결

답변

관련 문제