기초 궤도 슬라이더 zurb 사용할 때 어떻게 중앙에 슬라이드이 스크린에 도시하는 바와 같이

Question

:.에 내 24 "흰색 배경 내 궤도 슬라이더를 통해 표시 모니터 을 이것은 내 소스 이미지 픽셀 단위 좁게되기 때문에 . 무엇을 달성 할 싶습니다

는 <li> 요소를 중심으로하는 것입니다 : 브라우저 윈도우의 폭보다

내 윈도우가 좁은하게되면 이미지가 하나가 어떤 배경을 통해 보여주지 않고, 기대로 스케일 다운 슬라이드를 구성하여 이미지가 좁 으면 한면에 흰 줄무늬가 보이지 않습니다.

Answer 1

이 시도 :

.full_width { 
    width:100%;} 

궤도 UL이 클래스를 추가 : 다음

<ul class="full_width" data-orbit data-options="..."> 
    <li><img src="img/slider/slide1.png"></li> 
    <li><img src="img/slider/slide2.png"></li> 
    <li><img src="img/slider/slide3.png"></li> 
    <li><img src="img/slider/slide4.png"></li> 
</ul> 

을 당신의 스타일에

는 다음과 같은 스타일로 full_width의 클래스를 설정 한 장의 full_width li img 클래스를 추가하고 이미지 폭을 설정하고 여백을 추가하십시오 : 0 auto like :

.full_width li img { 
    width:960px; 
    margin:0 auto;}