Q&A
具体的にどうなれば最適化というのでしょうか？
上下にビヨーンって伸びて空白がなくなればいいんですか？
それとも上下空白がなくなるようにズームされればいいんですか？
したいこと
jQueryのライブラリである「turn.js」でページめくりのUIは実装できたのですが、
スマホ表示が極端に小さく上下に無用な空きができてしまいます。
PCはこのままでスマホ表示を最適化させるには
どうすれば良いかご教授いただければと思います。
PC表示（いけてる方）
スマホ表示（いけてない方）
回答1件
0
ベストアンサー
画面サイズの判断は別の実装が必要とはなりますが、オフィシャルマニュアル
http://www.turnjs.com/turnjs4-api-docs.pdf
から引用します。
Display
The display defines how many pages are visible in the flipbook.
While using turn.js on an iPad or iPhone, there would be some problems to turn pages if the orientation of the device is portrait.
For that reason, turn.js introduces a new view called single.
There are two views: double, which shows two pages and single, which shows only one page.
なので
$(‘#flipbook’).turn(display: 'single');
として、1ページにするらしいです。
オプションは他にあるようなので案は様々かと思います。
投稿2019/03/28 09:00
総合スコア752
アドバイスありがとうございます。
1Pにしたらスマホでも大きくすることができました。
不自然な余白もwidth、height調整で和らげることができました。
width、height調整は必要なんですね。
あなたの回答
tips
プレビュー
