javascript - 移动菜单无法在 iPhone(Chrome 或 Safari)上打开

Question

有人要求我调试一个网站 - 问题是移动菜单无法在 iPhone 上打开(也可能在其他移动设备上？)。

这是链接:https://fuzionfitness.herokuapp.com/

当我使用 Chrome 并右键单击/检查并将视口(viewport)更改为移动尺寸时，它在我的笔记本电脑上运行良好；但是，当它实际上是移动设备时它不起作用(我在 iOS 11 上的 iPhone SE 上复制了错误)。

关于如何调试这个问题有什么想法吗？

提前致谢。

Answer 1

header {
    background: #000;
    color: #fff;
    padding: 0;
    position: fixed;
    height: 89px;
    border-bottom: 1px solid #fff;
    z-index: 100;
    width: 100%;
    max-width: 100vw;
    /*overflow-x: hidden;*/
}

因为你的header overflow-x: hidden;