【WordPressテーマ自作】:hoverでダブルクリック(タップ)しないとリンク先にジャンプしない不具合【iOS】

2018年5月28日プログラミングCSS, HTML, web, ワードプレス

iOSだけ、タイトルの不具合があるそうです。手持ちのiPhoneで試してみたら、確かに、不具合がありました。

iOS hover ダブルタップ」と検索したら解決方法がいっぱい出てきましたので、私がやった対策を紹介します。

:hoverでダブルクリック(タップ)しないとリンク先にジャンプしない不具合の対策

  1. このブログに関しては、スマホとタブレットで使用しているテーマのCSSから「hover」の処理を削除しました。端末ごとにテーマを使い分けているので、こんな大胆な対策ができます(笑)。
  2. 他のレスポンシブルサイトのテーマについては、「hover」の処理を削除しました。リンクについては画面を見たらわかるようになっているし、パソコンでマウスオーバーしたら、マウスのアイコンが変わるので、「hover」の処理がなくてもいいかな、と思いました。

レスポンシブルサイトのテーマで、iOSだけ「hover」の処理を変えたい場合は、各自、検索してみてください。

2018年5月28日プログラミングCSS, HTML, web, ワードプレス

Posted by ナオ