iPhone向けサイト構築

1.横幅を自動で合わせる

<meta name="viewport" content="width=device-width" />

2.リンクを用いて電話をかける

<a href="tel:000-0000-00000">電話番号</a>

3.ツールバーを隠す
100msec後に1pxスクロールする

<script type="text/javascript">
	window.onload = function() {
	 setTimeout(scrollTo, 100, 0, 1);
	}
</script>

4.角丸にする

-webkit-border-radius: 50px;

5.PHPによるiPhoneの判別

$agent = $_SERVER['HTTP_USER_AGENT'];
if (preg_match("/iPhone/i", $agent)) {
    echo 'iPhone';
} else {
    echo 'not iPhone';
}

6.ライブラリ

iui iPhone風のuiを実現可能