24 April スマホでサイトをみたときに、テキストの右側に余白ができる現象 トラブル テキストの右側のみ余白があく。指定していない幅で折り返されている。 動画や画像などは正常な幅で表示される 原因 Androidブラウザの「ページの自動調整」が原因 解決策 1、ブラウザのメニューアイコン → 設定 → 高度な設定 → ページの自動調整のチェックを外す 見てる人にゆだねる解決法では作ってる側としては文句を言われるだろう・・・ 2、該当テキスト箇所にbackground-colorを指定する 背景が無地であればいけますね(*transrarent では無効になる) 3、該当テキスト箇所に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