HOME > リンク

リンク一覧

2015.05.08

レスポンシブWebデザインでスマートフォンで表示される電話番号にリンクを張る方法

レスポンシブWebデザインでスマートフォンで表示される電話番号にリンクを張る方法

レスポンシブWebデザインを適用した際は、スマートフォン(タブレット)でも最適化されて見られる様になります。PCでは電話番号は記載するだけですが、スマートフォン・タブレットの場合は直接タップして電話できた方がユーザーの手間も省けます。 iPhoneやiPadのブラウザ「safari」の場合は自動で電話番号にリンクが張られ、タップして電話を掛ける事ができますが、「chrome」や「Android端末」では自動でリンクが張られず、そのままでは電話番号をタップできません。Javascriptを使ってスマートフォン・タブレットで電話番号をタップ出来る処理をしていきましょう。