私は敏感なウェブサイトを持っています。私の画像は「プレビュー」と呼ばれるdivウィンドウにあり、ウィンドウの高さを超えてはいけません。それは特定のイメージのために働いているようです、そして、なぜ私がそれらのすべてのためにうまくいかないのか理解できません。最大高さは時々動作しますが、必ずしもそうではありません
おそらく必要はありませんが、これはdivのコードです。
.preview {
max-height: 100%;
max-width: 100%;
}
次は、動作している画像の例です。
<img class="preview" src="assets/works/design/posters/spring2016.jpg">
これは機能しません。それはdivの高さよりも背が高い。ここで
<img class="preview" src="assets/works/reindeer.jpg">
は、私のサイトです:alexjberger.com
誰もが任意の洞察力を持っていますか?それは有り難いです。
あなたのサイトに行って、あなたが何を言おうとしているのか理解できなかったが、ついにそれを得た。 div自体は決して100%を超えません。それはイメージです。私はこれをあなたのCSSに追加することをお勧めします: '.preview img {max-height:100%;最大幅:100%} ' –
あなたは答えを持っているように見えますが、あなたがスケッチブックのものは素晴らしい、本当にユニークであると言いたいと思っていました。 –
[CSS max-height not working](http://stackoverflow.com/questions/520710/css-max-height-not-working)または[max-height:x%が動作しません](http ://stackoverflow.com/questions/27992881/max-height-x-doesnt-work-on-chrome) –