-
ID:Y.hBHM さんの質問

jQueryプラグインのbxsliderを使用してレスポンシブ対応のサイトを作っています。メイン画像は背景画像として表示し、containでブラウザの幅いっぱいに表示したいのですが、高さを指定しないと画像が表示されず、指定すると当然ですが高さが固定されるためブラウザを縮めた時に、下に続く要素との間隔が広くなってしまいます。
解決方法をご教授いただけると嬉しいです。

みんなの回答 6 件

ID:u0MetM さんの回答

javascriptで動的に高さを指定してやればいい。

ID:Qb6PNd さんの回答

レスポンシブ用のオプションなかったけ?

ID:rXU4dE さんの回答

多分まわりの要素のCSSのどこかがミスってるんじゃないかな?
そぎ落として、試してみては?

ID:p5..O4 さんの回答

高さを vh とか % で指定すりゃいんじゃないの。vh がオススメだけど。

ID:Q/9OqC さんの回答

heightを0にしてpadding-topを%で指定するのはどうでしょうか?

レスポンシブWebデザインでハマりがちな%指定

http://design-spice.com/2014/03/24/percentag/
ID:Y.hBHM さんの回答

まとめてのお礼ですみません。
padding-topのパーセント指定の値を修正したところ解決しました!皆様ありがとうございました。
スライダーの画像1枚分で計算してしまっていたのがうまくいかない原因でした。

最終更新日:2015-11-06 (2,688 views)

関連するトピックス

ページ上部に戻る