アンドロイド端末で強制的に折り返されるバグ

Andorode(アンドロイド)端末でWEBサイトを表示したときに、画面の半分くらいで強制的に折り返されるという現象があるという報告で、修正方法を探してました。

viewport指定をしても、cssでwidth指定しても全然効かない。
CSSがバッティングしているのかと思ってあちこちソースを削っていったら、最終的に全タグを削除してテキストデータだけになっちゃいました。それでも同じく折り返される。

ここまでくると端末による影響でどうしようも無いのかと思ったら、こちらで解決方法が

その方法というは background-colorを指定する ということ。

どうやってその解決方法が見つかったのか不思議。
とにかく幅が折り返される要素にbackground-color:#FFFを指定したら解消されました。

でもウチのサイト、そもそもスマホ対応しないとう方針なのに、こんなエラーを直せっていうのがおかしいよね。スマホ対応しないって方針もおかしいけど。こんなバグを放置してるメーカーがおかしいのか。

コーディングに関する記事

コメント