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()将获得视口尺寸

将脚本的内容大小调整为视口

1 个答案: