我正在尝试创建一个简单的移动导航菜单。它在桌面Chrome上看起来很好，但我注意到我的iPhone 6 Plus上有几个问题：
Safari：当点击汉堡包打开菜单时，十字架在与汉堡包在同一个地方时会移动。
Chrome：上面的问题不存在，但我注意到一个间歇性的问题，汉堡包/十字架混在一起并在错误的时间显示（例如：菜单关闭时交叉显示）。
我认为我在这里做了一些根本性的错误 - 有人可以帮忙吗？ ：）
Codepen：https://codepen.io/sad_muso/pen/pbkLNW
我认为它可能与菜单打开时应用的CSS有关：
ul.topnav.responsive li a {
position: relative;
display: block;
text-align: center;
margin-top: 10px;
padding: 10px 5px;
}
由于