0

ブラウザー ウィンドウのサイズを変更すると、スライダーがメイン コンテナーからはみ出します。ブートストラップ レスポンシブ CSS を使用しています。OK を削除すると、スライダー コンテナーに余分なマージンが表示されますが、それでもウィンドウを小さくすると、スライダーが消えます。修正方法不具合...

http://jsfiddle.net/48y2Q/embedded/result/ http://jsfiddle.net/48y2Q/

以下の私のコードを提供する

<div class="container">

                                <div id="da-slider" class="da-slider" style="margin-top: 0px; margin-bottom: 0px; height: 300px; background-position: 2700% 0%;">
                                  <div class="da-slide da-slide-fromright da-slide-current" style="width: 1122px;">
                                    <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: 1122px;">
                                    <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-toleft" style="width: 1122px;">
                                    <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: 1122px;">
                                    <span class="da-arrows-prev"></span>
                                    <span class="da-arrows-next"></span>
                                  </nav>
                                <nav class="da-dots"><span class="da-dots-current"></span><span class=""></span><span class=""></span></nav></div>
                                  </div>
4

2 に答える 2

0

多くの場所で幅が固定されているため、モバイル レイアウトには適合しません。style="width: ****px"それを変えてください：あなたがそれを作ったすべての場所style="width: 100%"。

私はそれを試してみましたが、かなり良さそうです：http://jsfiddle.net/48y2Q/1/

于 2013-01-02T18:32:59.033 に答える
0

デフォルトのブートストラップのカルーセルhttp://twitter.github.com/bootstrap/javascript.html#carouselを使用します。

于 2013-01-02T18:16:15.417 に答える