【HTML & CSS】PC表示時にTELリンクを無効にする

PCで表示した時にTELリンクを無効にするには、
以下のようにスタイルを指定します。

【HTML】
[html]

[/html]

【CSS】
[css]
.tel {
cursor: default;
pointer-events: none;
}

@media screen and (max-width: 768px) {
.tel {
pointer-events: auto;
}
}
[/css]

参考:【JS不要】cssのみでtelリンクを無効にする方法