お世話になります。表題の件にて、現在竹取.jsをレスポンシブサイトへ導入中で御座います。
PC版はwidth(見た目の縦幅)250pxでheight(見た目の横幅)800pxと横長の為、
流し込んだテキストは全てbox内に収まるのですが、
スマホ版で見るとheight(見た目の横幅)が320pxしか無い為、
文字が大幅に溢れてしまい、かつ、自動的にwidth(見た目の縦幅)より下に回り込み、
折り返して全ての文字が表示される様な動きも無い為、
ただただ途中で切れてしまう状態です。
これをレイアウト的に回避出来る方法があれば是非教えて頂きたいのですが、
難しい様であればスマホ版で『縦書き』を無効にする設定があればご教示頂けますでしょうか。
以上、何卒よろしくお願い致します。
ご質問ありがとうございます。
竹取JSにはスマホ判定の機能はありませんので、JavaScript でスマホかどうかを判定した上で、スマホでない場合のみ縦書き化を動かすようにするとよいのではないかと思います。
あるいは、段組縦書きを有効にしておくと、幅が足りない場合、折り返します。
最新の Safari/Chrome/IE はマルチカラムにも writing-mode にも対応していますから、最近は段組にしてもそれほど重くないです。
竹取JSのブックマークレットで、長いニュース記事を縦書き化して読んでいますが、割合快適に変換できます。古いIEやFirefoxでの縦書き化と比べるとスマホで縦書き化した方が軽いです。
以上参考になりましたら幸いです。