css - 旧版 iPhone/iPad 上的特定链接不是 "clickable"

Question

我正在移动设备上测试一个页面，我注意到三个特定链接在某些 iPhone/iPad 上不起作用(它们不可“点击”)。我的客户在他的 iPhone 和 iPad 上发现了这个问题，到目前为止，我只能在装有 iOs 6.1.3 的测试 iPhone 4 上复制它。

页面是xxxxx，三个失效的链接是页面顶部的导航。

我试过检查重叠的 div。无法发现这是问题所在。如果这是我无法通过某些代码解决的 Safari/iOs 问题，那么了解它也会有所帮助。感谢您的帮助。

Answer 1

这三个元素不能通过触摸选择，因为它们里面没有真正的内容。将它们设置为显示: block ；所以它们成为 block 元素。

#arrowleftsmall a,
#arrowrightsmall a,
#thex2 a {
  display: block;
}