【まとめ】Androidデフォルトブラウザで引っかかったバグっぽい端末のなにか

【まとめ】Androidデフォルトブラウザで引っかかったバグっぽい端末のなにか

◯背景が出ない
Android標準ブラウザがbackground短縮プロパティでbackground-sizeを初期化してくれない。
→対策:background-sizeも別途記載すると。
 例)background-size: auto;

◯text-indentを含む構成での表示崩れ
他ブラウザでは表示されないtext-indent: -9999px;などの値をそのまま表示する
結果中身が消えずにそれを囲むボックスが押し出されて要素が見えなくなる。
→対策:overflow:hidden;の処理を調整。別の場所にもかけるなどして値を消す。

◯背景がコンテンツの上に表示される
背景のbackground-attachmentにfixedを指定している際に、起こることがある
→対策:background-attachment: fixed;の指定を外す。

○fixedしたい要素がとどまらない
→対策:ヘッダーなど固定したい要素が上手く止まらない場合、topなどの値を入れると治る事がある(top:0など)

参考サイト

masuP.net
Android標準ブラウザがbackground短縮プロパティでbackground-sizeを初期化してくれない
http://masup.net/2014/08/android-browser-dont-initialize-background-size-property.shtml
ONZE
【CSS】Google Chrome や Android 系のブラウザで[background-attachment]のエラー。
http://on-ze.com/archives/1564