Androidでテキストが変なところで折り返されて改行されてしまう現象

Web制作

2015.06.18

制作中のサイトをスマホで確認していたところ、iphoneでは綺麗に見えているのに、何故かAndroidではテキストが画面の半分くらいの変なところで折り返されてしまう謎の現象に悩まされました…

原因を調査したところ、XPERIA（もしかしたら他のAndroidスマートフォンも？）でPC向けサイトを見ると、テキストが意図しないところで折り返されて、改行されてしまう現象が発生することがわかりました。

解決方法は、「背景に色か画像を指定する」。
これで無事解決しました！

Android

CSS

HTML

コーディング