將腳本內容調整為視口大小

Question

我正在使用tunr.js Jquery插件在我正在執行的網站中創建一本書。 它工作正常，但問題在於他的尺寸。 我只能在代碼的這一部分中更改它們：

$(document).ready(function(){
    $("#flipbook").turn({
        width: 1150,
        height: 805,
        autoCenter: true
});
});
</script>

但這並不能讓我更改像素或％的尺寸，而且我不知道如何使其具有響應性。 該頁面的網址是http://hdeprada.com/webs/Libros/index2.html，以供您查看。

我的問題是我希望它可以在每個設備上調整到整個屏幕的大小，以便可以閱讀這本書。 有人可以解釋我該怎么做嗎？

提前非常感謝您！

Answer 1

使用height（）和width（）之類的

$(document).ready(function(){
    $("#flipbook").turn({
        width: $(window).width(),
        height: $(window).height(),
        autoCenter: true
});
});

$(window).width()和$(window).height()將獲得視口尺寸