html 链接在 iphone 上不起作用

Question

我的网站出现了一些问题。当我用我的 iPhone 测试网站时，有些链接不起作用，但它们在我的台式电脑上可以正常工作。我想弄清楚这是否是 css/js 问题。我以前没有遇到过这个问题，所以我在尝试找出如何调试它时遇到了一些麻烦。

<div class="row">
  <div id="primary" class="content-area main-content-inner col-sm-12 col-md-8 pull-left">...</div>
  <div id="secondary" class="widget-area col-sm-12 col-md-4" role="complementary">...</div>
</div>

Answer 1

从 #primary div 中删除 pull-left

由于您使用的是 col-* 类，它们会处理 float 位置，在您的情况下发生的情况是，当您使用小型设备时，两个 div(主要和次要)都占用 12 列，但是由于向左拉，其中一个向左浮动，因此 div 与另一个重叠，这就是您无法单击链接的原因。