我有一个网站www.tellmequotes.com。它在桌面视图上工作得很好,但是当我在我的三星s3上检查它时,大多数链接都不起作用。如果你打开页面,有一些作者的图像,你可以点击他们,如果你是在桌面,但当它在移动视图是不工作。我删除了infolinks脚本,但仍然不工作。网站分为两栏,左边栏是创建问题。
如果你在手机上向下滚动,当它到达"庆祝"点时,你会看到图像是可点击的,但上面的图像是不可点击的。
对于一个快速的解决方案,您可以在设备上使用这个类'authorbox',因为您已经为每个盒子使用了它。
.authorbox {
position: relative;
z-index: 5;
}
使用bootstrap row
类来拆分您的部分。
。
<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>