Как изменить одностраничный просмотр в turnjs, когда он появляется в мобильном представлении

Question

Моя страница turnjs показывает только половину высоты при просмотре страницы для мобильных устройств. В браузере это выглядит нормально, но в мобильном представлении отображается только половина страницы.

<div id="flipbook">
   <div class="hard"> Turn.js </div> 
   <div class="hard"></div>
   <div> Page 1 </div>
   <div> Page 2 </div>
   <div> Page 3 </div>
   <div> Page 4 </div>
   <div class="hard"></div>
   <div class="hard"></div>
 </div>