HTML5とCSS3を使ってスマートフォン向けサイトを構築 － iPhone版Yahoo!JAPANトップの開発事例紹介

Android対応 スマートフォン版Yahoo! JAPANトップでは、歴代のiPhone、iPod touchだけではなく、現在日本で発売されているAndroid（一部機種を除く）にも対応しています。AndroidはiPhoneと同じWebKitブラウザが標準で備わっていますが、細かな仕様においてiPhone、iPod touchとは異なっています。いくつか特徴的な面を挙げていきます。 iPhoneではデフォルトの状態では、リンクや、タップ可能な要素（formパーツや、onclickイベントが定義されている要素）にタッチをすると、グレーの半透明の「ハイライト」が表示され、離すと消えます。これは、指という「カーソル」が、リンクにピンポイントでタップするのが難しいために表現されている仕組みですが、Androidのフォーカスは若干異なります。iPhoneではタップしやすい領域を確保するために、

[tyr777]

アンドロイドのウェブブラウザの解像度も320以下。基本は320で作ればよい。

[hama_shun]

iPhoneとAndroidの違いとか

[kojika17]

Android、画面サイズの違い。|HTML5とCSS3を使ってスマートフォン向けサイトを構築　－ iPhone版Yahoo!JAPANトップの開発事例紹介（4/4）：CodeZine