エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
PCにのみhoverを設定したい場合のSCSSのmixin - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
PCにのみhoverを設定したい場合のSCSSのmixin - Qiita
リンクやボタンなどに対してCSSでhoverを設定する場合、すべてのデバイスに一律で適用してしまうと、ス... リンクやボタンなどに対してCSSでhoverを設定する場合、すべてのデバイスに一律で適用してしまうと、スマホやタブレットではタップ後もhover状態が残ってしまったり、2回タップしないと反応しないといった不具合が発生してしまうことがあります。 そのためhover設定はPCのみ(スマホやタブレット以外)を対象としたいときの設定方法について、4つのステップを踏みながら、あらためて考えてみたいと思います。 Step1 まずはMedia Queryによって横幅1024px以上のデバイスのみに実装してみます。 ※pxの数値はあくまでも一例です。