滑塊在iphone顯示

我試圖用舉響應CSS在iphone 顯示它減少滑塊的寬度，但我不能夠做到這一點可以請你幫我吧 http://jsfiddle.net/CXkQp/4/滑塊在iphone顯示

截圖 https://docs.google.com/file/d/0B3IBJKENGE7RQkk1eEI3TDNoN2c/edit

提供以下

<div id="banner" class="clearfix" style="border-bottom: 2px solid #cacaca;"> 
      <div class="bx-wrapper" style="width:100%; position:relative; margin-top: 0px; margin-bottom: 0px;"> 
       <div class="bx-window" style="position:relative; overflow:hidden; width:100%"> 

       <div class="container"> 

           <div id="da-slider" class="da-slider" style="margin-top: 0px; margin-bottom: 0px; height: 300px; background-position: 247950% 0%;"> 
            <div class="da-slide da-slide-toleft" style="width: 100%"> 
            <h2><img src="http://www.defie.co/docs/examples/frontpage_rotate1A.jpg" alt="image01"></h2> 
            <div class="da-img"><img src="http://www.defie.co/docs/examples/frontpage_rotate1B.jpg" alt="image01"></div> 
            </div> 
            <div class="da-slide da-slide-toleft" style="width: 100%"> 
            <h2><img src="http://www.defie.co/docs/examples/frontpage_rotate2A.jpg" alt="image01"></h2> 
            <div class="da-img"><img src="http://www.defie.co/docs/examples/frontpage_rotate2B.jpg" alt="image01"></div> 
            </div> 
            <div class="da-slide da-slide-fromright da-slide-current" style="width: 100%;"> 
            <h2><img src="http://www.defie.co/docs/examples/frontpage_rotate3A.jpg" alt="image01"></h2> 
            <div class="da-img"><img src="http://www.defie.co/docs/examples/frontpage_rotate3B.jpg" alt="image01"></div> 
            </div> 
            <nav class="da-arrows" style="width: 100%"> 
            <span class="da-arrows-prev"></span> 
            <span class="da-arrows-next"></span> 
            </nav> 
           <nav class="da-dots"><span class=""></span><span class=""></span><span class="da-dots-current"></span></nav></div> 
            </div> 

       </div> 
      </div> 
     </div>

來源

2013-01-07 js.js

我的代碼有幾點讓你開始的。在你的jsFiddle中，你的容器div @行120沒有結束標記。

你還想讓滑塊縮放，但它不在流體行div內。我認爲你的引導網格需要工作。仔細檢查流體網格的結構：http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem

希望這有助於。

來源

2013-01-08 03:00:10

感謝您的回覆，您可以更新文件http://jsfiddle.net/CXkQp/4/ –

如果您很難完成此項工作，請先簡化問題。獲得一個基本的響應網格工作，然後嘗試添加滑塊。如果您需要更多幫助，請發佈更新。對於我來說，有太多的未知因素可以用來解決這個問題。祝你好運 –

滑塊在iphone顯示

回答

相關問題