Androidの場合のみbodyにclassを追加するJavaScript
ちょっとした修正でAndroidだけCSSを変更しなくてはいけないことがあったのでAndroidの場合のみbodyにclassを追加するJavaScriptを書いてみました。
<body>
<script>
if(/Android/.test(window.navigator.userAgent)){
document.getElementsByTagName("body")[0].setAttribute("class","android");
}
</script>
上記のようなJavaScriptをbodyの後に書いておくとAndroidの場合のみbody要素に「android」というclassが設定されます。
ライブラリ化するのも大げさなので、ちょっとした修正の際にコピペして利用してください。
関連エントリー
スマートフォンサイトをデザインする上で知っておくべき10のTIPS
続:Androidブラウザでviewportのwidth指定
Android2.2 とtransformのバグ
スマートフォンとposition:fixedのバグ
AndroidとjQueryのスライドアニメーションの不具合
スポンサードリンク
«CSS Nite ベスト・セッション2011 でベスト10セッションに選ばれました | メイン | [書評]標準HTML5タグリファレンス»