0

レスポンシブ メディア クエリをテーマに追加しようとしていますが、Flexslider は、メディア クエリに基づいてサイズを変更しますが、画像の半分しか表示しないという奇妙なことをしています。

これは、この出来事のデモです: http://www.brainbuzzmedia.com/themes/framework/

メディア クエリで使用した CSS は次のとおりです。

/* Tablet Portrait size to standard 980 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {

    div#site_wrap{
        width:95%;
    }
    div#site_wrap, div.footer, div.copyright, div#title {
        width:95%;
        padding-left:0;
        padding-right:0;
    }
    div.header, div.main, #container {
        width:auto;
    }
    .footer_form textarea {
        width:90%;
    }
}

これの原因は何ですか？私は一晩中それにいました。

** 言い忘れましたが、ブラウザのサイズを 980px 未満になるまでサイズ変更してみてください。768-980px の範囲は今のところレスポンシブで、テーマの残りの部分は縮小しますが、スライダー内の画像は縮小中に画像の左半分のみを表示します。

4

2 に答える 2

0

問題は div.flex-viewportにあります。他のすべての要素は正しくサイズアップされているようです。ただし、このdivは画面上で433pxのままであり、なぜ、どこに設定されているのかわかりません（少なくとも、Firebugには何も見つかりません）。

現在のFlexsliderを確認しました。要素にpos：relを使用していませんが、残りは同じで、1200〜200pxの範囲で適切にスケーリングされます。

これ以上の情報がないことをお詫び申し上げます。つまずいたら投稿します。

于 2012-07-19T08:52:21.583 に答える
0

私はそれを考え出した。検索バーが小さすぎると、ナビゲーション エリアからはみ出し、スライダーに落ちていました。

于 2012-07-19T09:51:35.553 に答える