Follow Us.RSS

【竹取.js】レスポンシブサイトでスマホ版のみ解除するには

  • 新規投稿
  • ログイン

竹取 Web/JS【竹取.js】レスポンシブサイトでスマホ版のみ解除するには

お世話になります。表題の件にて、現在竹取.jsをレスポンシブサイトへ導入中で御座います。

PC版はwidth(見た目の縦幅)250pxでheight(見た目の横幅)800pxと横長の為、
流し込んだテキストは全てbox内に収まるのですが、
スマホ版で見るとheight(見た目の横幅)が320pxしか無い為、
文字が大幅に溢れてしまい、かつ、自動的にwidth(見た目の縦幅)より下に回り込み、
折り返して全ての文字が表示される様な動きも無い為、
ただただ途中で切れてしまう状態です。

これをレイアウト的に回避出来る方法があれば是非教えて頂きたいのですが、
難しい様であればスマホ版で『縦書き』を無効にする設定があればご教示頂けますでしょうか。

以上、何卒よろしくお願い致します。

  • take
  • Windows 7/Firefox38.0
  • 2015年6月12日(金) 18時59分37秒

竹取 Web/JSRe:【竹取.js】レスポンシブサイトでスマホ版のみ解除するには

ご質問ありがとうございます。

竹取JSにはスマホ判定の機能はありませんので、JavaScript でスマホかどうかを判定した上で、スマホでない場合のみ縦書き化を動かすようにするとよいのではないかと思います。

あるいは、段組縦書きを有効にしておくと、幅が足りない場合、折り返します。

最新の Safari/Chrome/IE はマルチカラムにも writing-mode にも対応していますから、最近は段組にしてもそれほど重くないです。

竹取JSのブックマークレットで、長いニュース記事を縦書き化して読んでいますが、割合快適に変換できます。古いIEやFirefoxでの縦書き化と比べるとスマホで縦書き化した方が軽いです。

以上参考になりましたら幸いです。

CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari7.1
  • 2015年6月12日(金) 20時59分55秒

竹取 Web/JSRe:【竹取.js】レスポンシブサイトでスマホ版のみ解除するには

ご回答有難う御座いました。参考にさせて頂いた上で調整に挑戦してみます。

以上、何卒よろしくお願い致します。

  • take
  • Windows 7/Firefox38.0
  • 2015年6月15日(月) 12時16分29秒

竹取 Web/JSRe[2]:【竹取.js】レスポンシブサイトでスマホ版のみ解除するには

Firefox39で縦書きに対応するそうですからそろそろCSS3だけで縦書きにしてもよいかもしれませんね。縦組レイアウトのための竹取JSの役割は、そろそろ終わりかなと感じています。既存ページを縦書き化するブックマークレットはこれからも活躍しそうです。

CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari7.1
  • 2015年6月19日(金) 23時20分32秒
タイトルは内容を簡潔にまとめたものにしてください。
「質問です」などのタイトルで投稿することはできません。
アイコン
この E-Mail は表示されません。
添付ファイル
(< 1000000 byte)
サイズ (<800) × (<800) ピクセル
ユーザー環境MacOS X/AppleWebKit537.36
  • 新規投稿
  • ログイン