时间戳

首页 > 解决方案 > 链接无法在桌面上使用，但可以在移动设备上使用

html - 链接无法在桌面上使用，但可以在移动设备上使用

问题描述

我知道有人问过这个问题，但找不到我的问题的解决方案。任何帮助将不胜感激。

详细信息链接在台式机上不起作用，但在移动设备上有效。不知道如何提供代码，以便您更容易看到它。 http://motopara.com/SandBox1/index.php这是网页，前两张带有 - DETAILS 的卡片只能在移动设备上点击。谢谢你。

标签： htmlcss

解决方案

我发现你的 HTML 有几个问题，你应该检查你的 HTML，因为 Id 重复，Ids 应该只使用一次并且不应该重复。

无论如何，如果您将 div 和 classcolumn放在某个父容器中并使其成为 style overflow:auto，这将解决您的问题。下面我从给定的链接复制供您参考。

<div style="overflow:auto;"> 
<div class="column">
<!-- CARD BEGIN-->
<div class="card">
<div class="column-margin">
<font color="#000000"><p>REBEL 2 RS</p></font>
  <hr>
  <img src="/img/Rebel2_SS_Logo.jpg" alt="R2RS" style="width:100%">
  <hr>
  <div class="center">
    <div class="skewed-heading-bg">
      <div class="skewed-heading-content"> <a href="rebel2.php" style="color:#FFFFFF;"><span style="font-size:12px;">DETAILS</span><i class="fa fa-angle-double-right" style="font-size: 16px; padding-left: 5px;"></i></a> </div>
    </div>
  </div>
 </div>
</div></div>
<!-- CARD END-->
<div class="column">
<!-- CARD BEGIN-->
<div class="card">
<div class="column-margin">
  <font color="#000000"><p>ALPHA</p></font>
  <hr>
  <img src="/img/sim_n_rob.jpg" alt="RS2" style="width:95%">
  <hr> 
  <div class="center">
    <div class="skewed-heading-bg">
      <div class="skewed-heading-content"><a href="alpha.php" style="color:#FFFFFF;"> <span style="font-size:12px;">DETAILS</span><i class="fa fa-angle-double-right" style="font-size: 16px; padding-left: 5px;"></i> </a></div>
    </div>
  </div>
</div>
</div></div>

</div>

推荐阅读