0

写真家向けの画像ギャラリーを作成しています。サイトはこちらからご覧いただけます。
私がやろうとしているのは、画像が画面から落ちないように画像の高さを設定することです。言い換えると：

lightbox img { max-height:100%; max-width:auto; }

ただし、これは機能しません。ul親の身長が画面より大きいので。

画像はすべて約1000px以上です。そしてもちろん、私たちはそれらが画面から落ちることを望んでいません. この問題を解決する方法を知っている人はいますか?

前もって感謝します！

4

1 に答える 1

3

純粋な CSS では、次のようなメディア クエリを使用できます: (注意 -> CSS3!)

@media screen and (max-height:700px) {
    #lightbox img { max-height: 690px; }
}

jquery を使用すると、より動的でさらにシンプルになります。

$('#lightbox img').css('max-height', $(document).height()));
于 2013-04-26T14:30:05.583 に答える