24
April
スマホでサイトをみたときに、テキストの右側に余白ができる現象
トラブル
テキストの右側のみ余白があく。指定していない幅で折り返されている。動画や画像などは正常な幅で表示される
原因
Androidブラウザの「ページの自動調整」が原因解決策
１、ブラウザのメニューアイコン → 設定 → 高度な設定 → ページの自動調整のチェックを外す見てる人にゆだねる解決法では作ってる側としては文句を言われるだろう･･･
２、該当テキスト箇所にbackground-colorを指定する
背景が無地であればいけますね（＊transrarent では無効になる）
３、該当テキスト箇所にbackground-imageを指定する
background-image:url(xxxx.gif); 存在しないダミー画像を表記するだけでいいらしい
透過.gifなど作るとよい
＊display:tableを指定してると何をやってもだめらしい
http://gootre.blog.so-net.ne.jp/android-browser-text-cr
http://jumble-note.blogspot.jp/2012/10/androidcss.html
http://webutubutu.com/webdesign/1555
通常のPCブラウザだけじゃなくて、スマホのブラウザも気にしなくちゃいけないとか
本当にめんどくせえ･･･
しかも原因が特有の勝手な設定とか･･･
PR