在iPad横向模式下触发下拉菜单

Question

我们的网站上有一个简单的基于CSS（无JS）的下拉菜单，除了一个之外，它在各方面都能完美运行。在横向模式的iPad上，如果单击菜单下方的链接（例如面包屑），触摸链接会触发弹出，然后当您松开手指而不是手指时，会触发跳出的链接链接你最初的感动。

<li>
    <a href="http://categorypage">
    <ul class="flyout">
        <li><a href="blah...

.header li:hover .flyout {
    display: block;
}

网站（警告成人内容）为http://www.lovehoney.co.uk

到目前为止我尝试过的事情没有成功：

1. 更改容器的z索引。
2. 强制显示当然没有任何一个阻止飞出，但你仍然可以看到导航被触发，所以我不认为这是错误的飞行。
3. 指针 - 事件：关闭时没有飞出。

其他信息

1. 此问题会影响横向模式下的iPad 4，而不影响iPad 1
2. Chrome和Safari中都存在错误
3. 人像模式很好。
4. 点击导航栏上方不会触发问题。

Answer 1

最后，我通过将视口元素更改为

来修复此问题

<meta name="viewport" content="initial-scale=1" />

这有点降低了响应能力但解决了问题。