移动菜单无法在iPhone上打开（Chrome或Safari）

Question

我被要求对网站进行解密 - 问题是移动菜单无法在iPhone上打开（也可能在其他移动设备上打开？）。

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

当我使用Chrome并右键单击/检查并将视口更改为移动大小时，它在我的笔记本电脑上正常工作;然而，当它实际上是一个移动设备时，它不起作用（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;*/
}

因为你的标题溢出-x：隐藏;