よくある質問






 ①スマフォでアクセスを判断するには?
 ☆ソース <script> function is_smartPhone () { var media = [ 'iPhone', 'iPad', 'Android' ]; var pattern = new RegExp(media.join('|'), 'i'); return pattern.test(navigator.userAgent); } if (is_smartPhone()) { alert('スマートフォン用のページに移動します'); location.href="ここにスマフォ用のサイトのURL"; } </script> ※私のトップページにも書いてありますが、全てのスマフォ(Android)には対応できません。 できれば手動でジャンプできるボタン等を設置することオススメします。
デモ

 これを使ってボタンに付加すれば、このように判断することもできます。


 ②ブラウザのサイズに合わせて改行するには? preタグに自動改行の機能を加えます。
 ☆ソース <style> pre { white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; } </style> スタイルシート(css)に加えてももちろん構いません。
そして、適用したい箇所をpreタグではさみます。
 デモ



 実際に実装した例:  ブラウザの横幅を縮めてみてください。

 preタグあり
このサイトはJQuery mobileの使い方について説明しています。入門・初心者の方向けにポイントを重点的に掲載しています。

 preタグなし
 このサイトはJQuery mobileの使い方について説明しています。入門・初心者の方向けにポイントを重点的に掲載しています。

 もしかしたらどちらも同じに見えるかもしれません。その場合はブラウザ自体に自動改行が搭載されているものです。
 自分の使ってるブラウザで改行されているからといって、他のブラウザでも改行されているとは安易に思わないで下さい。

 IEやスマフォのブラウザでは特に画面外に文字が飛び出て、文字が切れる場合が多々あります。
 ですので、JQuery mobile使用時には、複数のブラウザで表示確認をしながら作成を進めると良いでしょう。