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

【问题标题】：Mobile Menu Not Opening on iPhone (Chrome or Safari)移动菜单无法在 iPhone（Chrome 或 Safari）上打开
【发布时间】：2017-11-02 21:17:26
【问题描述】：

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

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

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

关于如何调试此问题的任何想法？

提前致谢。

【问题讨论】：

如果是 iPhone，请将其插入计算机并使用 Safari 的开发者模式。这是一个想法……希望对您有所帮助。
您可以通过将您的 iphone 连接到您的桌面，在您的桌面上使用 safari 的开发工具在 safari 中进行调试
谢谢 - 我不知道。

标签： javascript jquery ios css iphone

【解决方案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: hidden;

【讨论】：