有人要求我调试一个网站 - 问题是移动菜单无法在 iPhone 上打开(也可能在其他移动设备上?)。
这是链接:https://fuzionfitness.herokuapp.com/
当我使用 Chrome 并右键单击/检查并将视口(viewport)更改为移动尺寸时,它在我的笔记本电脑上运行良好;但是,当它实际上是移动设备时它不起作用(我在 iOS 11 上的 iPhone SE 上复制了错误)。
关于如何调试这个问题有什么想法吗?
提前致谢。
最佳答案
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;
关于javascript - 移动菜单无法在 iPhone(Chrome 或 Safari)上打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47084809/