レスポンシブの特性

CSS3のメディアクエリの機能を利用してスタイルシートを切り替えることで様々なデバイスに対応する。

webクリップ用アイコン

• webクリップ：webページへのショートカットをホーム画面に登録し、できたショートカットのこと。アイコンで表示される。

webクリップ作成の際のサイズ

• 152×152　→　最も大きなiPad Retina iOS7のサイズ (2014年2月時点）

指定方法

<link rel="apple-touch-icon" href="○○.png">

• iOS7でフラットデザインになり陰影のある効果は自動でつかなくなった。

そのため、その効果を外すための

の指定は必要なくなった。

電話番号のリンク

IOSの標準ブラウザとAndroidのOpera Mobileではページ内の二記述した電話番号に自動リンクした電話番号に自動的にリンクが設定され、タップするとその番号に発信できるよう表示される。

ただし、数値の羅列が必ずしも電話番号として認識されるとは限らない。

リンクする場合

<a href="tel:000-000-000">000-000-000</a>

リンクしない場合

>|html|







000-000-000

|