HTMLとCSSのメモ（コピペ用）
HOMEに戻る

PC・タブレット表示時に電話番号リンク（”tel:”）を無効化

CSS

電話番号を表示をスマートフォンではタップできるリンク、PC・タブレットではリンクを無効化する。

CSS
@media screen and (min-width:600px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}
HTML
<a href="tel:0120-000-000">0120-000-000</a>

※メディアクエリ（@media）の幅はスマートフォンを基準に。
　上記は幅600px以上でリンクを無効化。