【メモ】スマフォサイト作成TIPS
androidではtext-shadow
効かないものがある。未検証
ボールド
Androidの標準フォントであるDroid Sans Japaneseにはボールド体が存在しない
効くブラウザはオリジナルフォントがインストールされている場合。
対応策はtext-shadowで。
ベンダープリフィックス
OSのバージョンブラウザによりことなるので box-shadowなどではベンダープリフィックスをつけること
aタグのブロック
androidの標準ブラウザでオレンジの枠がでるがそれがずれるらしい。 持ってる機種では再現できなかった。
positioin fixed
fixedが使えないらしい。
使いたい場合はiScrollなどを使って再現する
フリックスライダー
こちらを参照 http://blog.bluearrowslab.com/smartphone/topicks/615/
font-family
iOS6以降日本語フォントは明朝(serif)になってる
Hiragino Kaku Gothic PronN
Hiragino Mincho ProN
Android 2.x Droid Sans Japanese
Android 4.x Roboto モトヤLシーダ3等幅
これでいいんかな
font-family: sans-serif;
text-shadow
galaxy nexusでは日本語文字が飛んだりするらしい
gradient
ややこしすぎるんでsassのmixinだのみです。 @include background(linear-gradient(#fff, #ccc));
その他
とりあえずandroid2.3はやっかいだ!