1

ブラウザ ウィンドウで画像をできるだけ大きくしたいのですが、縦横比を失うことはありません。ブラウザのサイズが変更されると、画像も変更されるはずです。すべての画像が常に表示されている必要があります。

現在、このスクリプトを使用していますが、結果は私が望むものではありません。縦横比を失うことなく、画像ができるだけ広く、できるだけ高くなるように、これを解決する方法を誰か教えてもらえますか? ある種の max-width と max-height を使用する必要があると思いますか?

<script>
var W = $(window).width(),
    H = $(window).height();

$('img').height(H).width(W);



function imgsize() {
    var W = $(window).width(),
        H = $(window).height();

    $('img').height(H).width(W);
}
$(window).bind('resize', function() { imgsize(); });

</script>
4

1 に答える 1

1

この回答を見てください。maxWidthとmaxHeightを画面サイズに設定します。

css も使用できます。

max-width: 100%;
max-height: 100%;
于 2013-09-13T21:28:02.630 に答える