スマーフォトフォンをコーディングしているとiPhoneとAndroidのブラウザで若干見た目が違っている場合があります。

特にAndroidブラウザだけ意図した見え方になっていない場合が多々あります。

その場合は、Androidブラウザの場合だけHTMLタグにclass名「android」を付与してあげると簡単に対応が可能です。

ソース

[javascript title=”example.js”]
$(function () {
if(navigator.userAgent.indexOf(‘Android’) > 0){
$("html").addClass("android");
}
});
[/javascript]
[css title=”example.css”]
html.android .hogehoge{
margin-top: 10px;
}
[/css]