次のコードを使用して、水平スクロールギャラリーを作成しています。高さが600ピクセルを超える画像をコンテナに合わせてほしい(展示スライド)。imgタグでmax-heightの代わりにheightプロパティを使用すると機能しますが、ギャラリーレイアウトがサイズ変更に反応しなくなります。
<div id="exhibit-slides">
<div class="exhibit-slide">
<img src="http://01.jpg" alt="" />
</div>
<div class="exhibit-slide">
<img src="http://02.jpg" alt="" />
</div>
<div class="exhibit-slide">
<img src="http://03.jpg" alt="" />
</div>
<div class="exhibit-slide">
<img src="http://04.jpg" alt="" />
</div>
</div>
#exhibit-slides {
overflow:auto;
width:10000px;
}
.exhibit-slide {
float:left;
margin-right:20px;
max-height:600px;
}
img {
width:auto;
max-height:100%;
}
何か案は?
前もって感謝します