如何修复汉堡包菜单

Question

我的汉堡包图标在Chrome开发者工具上被打破 - ＆gt;移动模拟器。 3条线与中心不对齐，但是，在我的iPhone上，一切看起来都很棒。 这是链接 - http://merehead.com/ 我可以通过CSS以某种方式修复它，或者只使用JS补丁来检测用户设备并为其设置必要的位置吗？

我附上了截图，你可以看到左边：-4px＆＃39; - 移动中心图标。我想原因是在iPhone上，而不是Chrome？

Answer 1

我认为它应该取代课程。正确的方法 ？

.hamburger-box {
    width: 30px;
    height: 24px;
    display: inline-block;
    position: relative;
}