jquery - jQueryで100%の高さで幅を拡大する方法は?

Question

jQuery のオンラインターンページを作成していて、ブラウザウィンドウに合わせてターンページをスケーリングしたいと考えています。CSS で高さを 100% にしたいのですが、幅の正しい縮尺を維持したいので、幅を 100% にすることはできません。

私のターンページの正しい幅を維持しながら100％の高さを行う方法はありますか.

 $(function() {
     $('#mybook').booklet({
         width:  1000,
         height: 650
     });
 });

小冊子のjqueryプラグインを使用しています。

前もって感謝します

score 1 · Accepted Answer

縦横比を維持するために、高さに width() * 0.65 を掛けてみてください。

var width = 1000,
    height = width * 0.65;

score 0 · Accepted Answer

Try this in your code :

$('#mybook').css('width', $(window).width())
            .css('height',($(window).width()*0.65));

OR

$('#mybook').css('width', $(window).width())
            .css('height', $(window).height());

2 に答える 2