telリンクの振り分け

pcでtelリンクのかかっているものをクリックするとポップアップが出てしまいますが、これをpc幅のときに起動させない方法です。
簡単なものならcssメディアクエリで振り分けが可能です。

HTML

<a href="tel:0000000000">
	00-0000-0000
</a>

CSS

a[href^="tel:"] {
    pointer-events: auto;
    text-decoration: underline;
}
@media screen and (min-width: 640px) {
    /*横幅640px~*/
    a[href^="tel:"] {
        pointer-events: none;
        text-decoration: none;
    }
}

デモページ

  • コーダーのための計算機