Javascript 在视口中调整脚本内容的大小

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

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

$（文档）.ready（函数（）{
$（“#动画书”）。翻({
宽度：1150，
身高：805，
自动中心：真
});
});

但它不允许我改变像素或%的尺寸，我不知道如何使其响应。页面的url，以防您希望看到它工作正常

我的问题是，我希望它在每台设备上都能调整到整个屏幕，这样书就可以阅读了。有人能告诉我该怎么做吗

提前非常感谢

使用和喜欢

---

$（窗口）.width（）

和

$（窗口）.height（）

将获取视口尺寸

您共享的页面没有响应（如您所说）。您可以调用这个JS代码，在使用jQuery调整窗口大小时使用不同的高度和宽度来调整不同的窗口大小，从而完美地获得尺寸。然而，我已经在我的android设备上尝试了这个网站，但脚本已经不起作用了；这些图片只是一个接一个地出现。在计算机中，它只占用所有屏幕，我想将尺寸设置为80%或类似的值，但当我使用css样式时，它不这样做。@HectordePrada，为什么不乘以.8，比如

$（window）.width（）*0.8

？是的，这很好。谢谢，我不知道。然而，现在的问题是高度与宽度没有保持比例。你知道我能做什么吗？把高度也乘以.8<代码>$（window）.height（）*0.8我试过了，但也不起作用，因为图像被剪切了。我想这是因为这本书比威瑟尔高，比宽度高。我想高度是自动的，所以它的大小是正确的比例与宽度。可能吗？

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