Media Queriesでデバイス毎にCSSの設定を分ける
- PCでは指定したリンクを無効にしたい
- スマホではそのリンクを無効にしたくない
という事情ができたので設定。
参照サイト
※少し前のページではありますが…
書き方
@media print, screen and (min-width:768px) {
a.disabled{
pointer-events: none;
}
}
これでwidthが768px以上のデバイスにdisabledクラスを設定することができるようになりました。