javascript - 将脚本内容调整到视口(viewport)中

Question

我正在使用 tunr.js Jquery 插件在我正在做的网站上创建一本书。它工作正常，但问题在于他的尺寸。我只能在这部分代码中更改它们:

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

但它不允许我更改以像素或 % 为单位的尺寸，而且我不知道如何使其响应。如果您想查看它的工作情况，该页面的 url 是 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() 将获取视口(viewport)尺寸