适配移动端和PC端的翻书效果

首先，实现翻书效果我使用了turnjs，是一款非常好用的翻书效果插件。可以直接在百度搜索turnjis下载。也可已选择在我的github库下载。

其次，PC端和移动端屏幕的差异使得我们需要控制在PC端显示两页，在移动端显示一页，然后宽度和高度用js做适应即可。

turnjs使用头部需要引入的文件。然后固定格式的代码

 <link rel="stylesheet" href="css/common.css">
    <script src="js/jquery.min.1.7.js"></script>
    <link rel="stylesheet" href="js/turnjs/css/basic.css">

<div class="flipbook-viewport">
    <div class="container">
        <div class="flipbook">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    &l