如何在jQuery中扩展100％高度的宽度？

Question

我正在创建一个jQuery在线翻页，并希望我的翻页能够缩放以适应浏览器窗口。我想在我的css中做100％的高度，但是想要在宽度上保持正确的比例，所以不能做100％的宽度。

有没有办法在保持翻页的正确宽度的同时做100％的高度，如果有帮助的话，它将是2张A4页面，这里是我使用atm设置的代码宽度。

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

我正在使用小册子jquery插件。

提前致谢

Answer 1

尝试将高度与宽度（）* 0.65相乘以保持纵横比。

var width = 1000,
    height = width * 0.65;

Answer 2

在您的代码中尝试此操作：

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

OR

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