Android / iPhone href链接未触发-改为出现焦点矩形答案

【问题标题】：Android / iPhone href link not firing - focus rectangle appearing insteadAndroid / iPhone href链接未触发-改为出现焦点矩形
【发布时间】：2014-04-27 14:35:09
【问题描述】：

我在使用响应式布局的 android 和 iPhone 版本的 HTML5 网站上遇到问题。

链接不会触发，除非我按住它们 1 秒钟。否则，它们的行为就像发生悬停事件一样。

示例代码：

<div class="homepageCarDiv">

        <div class="note">

            <div class="imgDiv">
                **<a href="ficha-vehiculo.php?v=19"><img src="_imgup/19/thumbnail/Imagen_2.jpg" alt=""></a>**
            </div>

             <h3>MITSUBISHI ASX<br>ASX 200 DI-D CHALLENGE 4WD (2010)</h3>

             <h4>16.500€</h4>


            <div class="verDet">
            <p>**<a href="ficha-vehiculo.php?v=19" class="homeBut">Ver Detalle</a>**</p>
            </div>

        <div class="cornerImage">
        <img src="images/fold.png" alt="">
        </div>

    </div>
</div>

代码见http://20coches.com/index.php。

它可以在 iPad 和台式机上正常工作。我很茫然。

【问题讨论】：

标签： android iphone html responsive-design

【解决方案1】：

此问题与响应式 div 和焦点矩形被推出视口有关。

互联网上的其他来源表明，动态元素宽度的 javascript 计算会导致鼠标悬停时静默失败，从而导致链接无法触发。

我只是厌倦了对 VDU 的抨击，并设法解决了这个问题 - 通过清除其邻居的每个 div。

【讨论】：