Question

我有一个网站www.tellmequotes.com。它在桌面视图上工作得很好但是当我在我的三星s3上检查它时，大多数链接都无法正常工作。如果您打开页面，则有一些作者图像，如果您在桌面上，则可以单击它们，但是当它在移动设备上查看时它不起作用。我删除了infolinks脚本，但它仍无法正常工作。网站分为左栏创建问题的2列。

如果你在手机上向下滚动，那么当它进入＆＃34;庆祝＆＃34;点，你会看到图像是可点击的，但上面的图像不是。

Answer 1

对于快速解决方案，您可以在设备上使用此类“authorbox”，因为您已将其用于每个框。

.authorbox {
    position: relative;
    z-index: 5;
}

Answer 2

使用bootstrap row类拆分您的部分。

e.g。

<div id="quotesList">
  <h2 class="bigh2">Trending Authors</h2>
  <div class="row">
    <div class="col-md-12">
      <div class="row">
        <div class="col-md-2 col-xs-6 authorbox text-center"></div>
        <div class="col-md-2 col-xs-6 authorbox text-center"></div>
        <!--etc-->
      </div>
    </div>
  </div>
</div>

Href链接不适用于移动视图。半页href链接正在运行

2 个答案: