スマホで見てもらった場合、すぐに電話をかけて欲しいとの要望から、
a要素のhref属性を “tel:〜”と設定し、ブラウザのタップですぐに電話をかけられるようにします。
しかし、レスポンシブデザインで行う場合、スマホ以外ではこのリンクを無効にしたい!
こういうときのCSSが以下
1 2 3 | a[href="tel:"] { pointer-events: none; } |
結構、覚えて置くと便利です。
ブログ
フリーランスとして働くWebデザイナーの備忘録・メモ
スマホで見てもらった場合、すぐに電話をかけて欲しいとの要望から、
a要素のhref属性を “tel:〜”と設定し、ブラウザのタップですぐに電話をかけられるようにします。
しかし、レスポンシブデザインで行う場合、スマホ以外ではこのリンクを無効にしたい!
こういうときのCSSが以下
1 2 3 | a[href="tel:"] { pointer-events: none; } |
結構、覚えて置くと便利です。