【Labs】タップして電話が掛けられるリンクの設定 - web design lab
にほんブログ村 デザインブログ Webデザインへ PVアクセスランキング にほんブログ村

【Labs】タップして電話が掛けられるリンクの設定


【Labs】タップして電話が掛けられるリンクの設定

こんにちは(・∀・)

スマホサイトでサイト内にある電話番号をタップしてすぐに電話を掛けることができるようにする設定です。

サンプル
タップして電話が掛けられるリンクの設定

レスポンシブデザインでスマホだけリンクさせたい場合は【Labs】CSSでリンクやClickイベントを無効にするでご紹介しましたpointer-events: none;を使用してPCでの電話リンクを無効にします。

HTML

<a href="tel:電話番号">電話番号</a>
Result

サンプルデモ

関連リンク

【Guide】スマホサイトの作成・レスポンシブデザイン
【Guide】スマホサイトの作成・基本編


にほんブログ村 デザインブログ Webデザインへ PVアクセスランキング にほんブログ村