2016-05-01 6 views
0

使いたいGitHub上でこの純粋なCSSスライダーを見つけましたが、反応がなく、私はそれが必要です。私は.gallery .itemwidth:100%に変更しようとしましたが、何らかの理由で%が動作していないと思われるため、高さをピクセル単位で設定する必要があります。 http://wap9.info/6334GitHubからGallery CSSスライダーを反応させる方法

ソースはGitHub:

はここでデモだ、あなたのブラウザのサイズを小さくする場合は、あなたが見ることができるようにhttp://benschwarz.github.io/gallery-css/

、スライダーの高さは同じままです。これを反応させることはできますか?

答えて

0

すでに応答しています。ブラウザの高さと幅を変更すると、ヒーロー/スライダがそれに応じて変化し、何も壊れていないように見えます。

EDIT :: ヒーローセクションからjs-autoheightフッククラスを削除してみてください。

<section style="min-height: /*some value*/px;" class="js-autoheight gallery items-/*Some value*/"> 
+0

「ブラウザのサイズを小さくすると、スライダの高さは同じですが、応答性を高めることはできますか?」 3番目のスライドで試して、画像にどのように影響するかを見てください。私は画像の背景も使用し、すべての画面サイズで完全に見えるようにしたいと考えています。ありがとう。 – user1724434

+0

ああ、背景画像が途切れないようにしたいのですか?私はあなたを誤解していると思う。ブラウザのサイズを小さくすると、スライダーの高さが変わります。 http://i.imgur.com/Ert5hYd.gif – Omrii

+0

正解、私は背景画像が途切れることを望んでいません。ブラウザのサイズを右から左に水平に縮小した場合、ほとんどの応答スライダのように、高さを比例して変更したいと思います。つまり、http://www.jssor.com/ – user1724434

関連する問題