スマートフォン用のサイトを制作するときに注意すること
iPhoneはSafari AndroidはChromeLiteというブラウザがデフォルトであるがブラウザの仕様は違うので両方でチェックが必要
ボタンとボタンの間隔は７ｍｍ以上にする
Androidは１．６以降 iphone３以降で考える
リキッドレイアウトが良い 縦横両方の画面表示に対応させるため。
マウスオーバーが使えないので見ただけでリンクとわかるようにデザインする。
電話番号に対して手動で電話発信機能をつける <a href=”tel:072-233-0214″>072-233-0214</a>
ルートに apple-touch-icon.pngファイルを置くとiphoneでホーム画面に追加するとアプリのようなアイコンを表示できる。
それぞれの解像度
iphone3 ３２０×４８０
4 ６４０×９６０
アンドロイドはそれぞれ違う。 X06HT ４８０×８００
.htaccessファイルを利用して PCとスマホの表示を振り分ける
画像はPNG形式
CSSのtext-shadowをスタイルシートに使えば文字を目立たせることができる。
動画を再生させるときは m4v（ｍ４ｖは圧縮コーデックがｈ264）
.htaccessを利用してスマートフォン用サイトへ移動させる。そしてパソコン用サイトも閲覧できるようにする。
