スマートフォンサイト制作の知識その1
●Webクリップアイコン
<link rel=”apple-touch-icon” sizes=”114×114″ href=”high-icon.png”>
<link rel=”apple-touch-icon” href=”low-icon.png”>
で大きいアイコンと小さいアイコン が表示されます。
参考サイト
http://www.tagindex.com/html5/page/link_webclip.html
Androidの場合は、登録したブックマークを長押し → 「ショートカットを作成」 の操作で
ショートカットアイコンを作成することができます。
iPhoneの場合は、ブックマーク追加のメニューで 「ホーム画面に追加」 を選択すると作成することができます。
*そのまま「ホームに追加」を押すと、アイコンは既成の物が表示されるで注意
●地図アプリの起動
<p><a href=”http://maps.google.com/maps?q=東京タワー”>東京タワーの地図へ</a></p>
●電話リンクしたい場所にa要素で指定
<head>内に
<meta name=”format-detection” content=”telephone=no”>
<a href=”tel:090-****-****”>090-****-****</a>
を入れます。<meta name>を入れないと電場番号以外の数字にも反応する恐れがあるので、
まぁ、お守りみたいなものです。
●文字サイズの自動調整をオフにする
body{
font-size:16px;
-webkit-text-size-adjust:none;
}