a:hoverにopacityなんかつけるとスマホでの反応が悪くなる
問題点
a:hoverでopacity: 0.7などに設定して、スマホでリンクを押しても反応が悪くなってしまう。
PCサイトをレスポンシブで簡単にスマホ対応させるとこういうこともありますね。
解決法
実際はそんなに難しい事でもなく、opacityの場合は、opacity:1にしてやることで解消される。
opacityだけではなくほかにも影響をうけるものがあるようなので少し注意しましょう。
詳しく書いてあるサイトがありました。ありがたい。