【メモ】スマフォサイト作成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はやっかいだ!