从移动导航切换回来后，非移动导航会移动

Question

我有定期导航和移动导航崩溃。每当导航从移动设备切换到常规导航时，常规导航将从原来的位置向下移动。我很困惑为什么会发生这种情况以及如何解决这个问题。非常感谢您花时间看这个。

这只是Chrome和Safari中的问题，但不是Firefox。

示例图片： http://wildmeasure.com/qualitymetalcraft.com/qmcnav.jpg

Answer 1

如果你添加一个浮点数，你的css：left;到#logo你的问题将得到纠正。似乎是浏览器之间的盒子模型不一致。

Answer 2

现在的创可贴修复可以绝对定位菜单div以保持在屏幕的右上角。边距保持其位置正确，响应性仍然正常。这只是确保在从移动视图移动后div重新出现在正确的位置。

CSS

.menu-wrapper {
   margin: 55px 55px 0 0;
   width: 650px;
   float: right;
   display: inline;
   position: absolute; /* These last three lines are new */
   top: 0;
   right: 0;
}

这是在Chrome，Safari和Firefox中测试的。