1

これは私のセットアップです（悪いインデテーションで申し訳ありません）：

<div class="container">
   <a href="somewhere">
    <div class="tall"></div>
   </a>
  <a href="somewhere else">
    <div class="small"></div>
  </a>
</div>

また、「コンテナ」にはいくつかの基本的なホバー スタイルがあります。私の問題は、モバイル (現在 iOS でテスト中) では、「背の高い」と「小さい」を囲む 2 つのリンクをクリックするのが難しいことです。それらは「コンテナ」でホバースタイルをトリガーしますが、リンクが実際に開くには、指を1秒間（またはそれ以上）保持する必要があります。これを修正する方法はありますか？

4

1 に答える 1

1

残念ながら、リンクの :hover セレクターはタッチスクリーン デバイスでそれを行います。つまり、1 ～ 2 秒間ホバー効果を表示してからリンクをクリックします。これを処理する最善の方法は、デバイスの種類を検出して :hover スタイルを完全に削除することです。とにかく、タッチスクリーンには必要ありません。

これを読んでください: http://www.prowebdesign.ro/how-to-deal-with-hover-on-touch-screen-devices/

于 2013-07-15T14:22:40.880 に答える