menu
menu

キーワード検索

 

最近の投稿

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

  • Labs

HTML CSS

こんにちは(・∀・)

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

サンプルデモ

サンプルデモはこちら

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

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

HTML

<a href="tel:電話番号">電話番号</a>
関連リンク

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

  • カテゴリー:Labs