Flexbox菜单项在iPad上相互折叠

Question

http://fleurine.syberenvanmunster.com/blog/

制作一个基于flexbox的响应式菜单，它在我的电脑上工作正常，但是在iPad上，菜单项在屏幕右侧全部折叠。我似乎无法弄清问题是什么，我们将非常感谢任何帮助！

Screenshot of the problem

Answer 1

因为导航的position为absolute，并且它获得了具有position:relative

的最近父元素的宽度

将此添加到您的css：

header {
    position: relative;
}