CSSでbackgoundプロパティに複数の指定を記述するとAndroidで不具合が出る

backgoundは一つのプロパティに複数の指定が可能だが、この記述方法だとAndroid端末で確認した際に不具合が出る場合がある。比較的新しいAndroid4.2.2でもレイアウトが崩れるので注意が必要。

プロパティの省略時

上記の場合だと、おそらく背景画像の位置を指定する「right 10px center」が原因の模様。「right center」や「right 10px」なら問題なかった。とは言え、他の原因も考えられるので、プロパティは極力省略しない方が良さそう。

プロパティは省略しない

いいね!のお慈悲を…

この記事が良かったらシェアをお願いしゃっす!

記事の感想はこちら