jquery - 如何在 jQuery 中缩放 100% 高度的宽度？

Question

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

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

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

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

提前致谢

score 1 · Accepted Answer

尝试将 height 与 width() * 0.65 相乘以保持纵横比。

var width = 1000,
    height = width * 0.65;

score 0 · Accepted Answer

在你的代码中试试这个：

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

或者

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

2 回答 2