Chrome调整大小导航菜单

Question

所以我的问题是，由于某些原因我在网站的一个页面上一直在摆弄，我拥有的两个导航条（顶部和侧边栏导航）在Google Chrome浏览器中没有明显的原因缩小，他们的行为在iE和Firefox中都是完全正常的。酒吧仍保持完全功能，但可以缩小到预期尺寸的66％。

以下是相关网页的代码：http://pastebin.com/uvrPR1JW

以下是类似但功能正常的页面的代码供参考：http://pastebin.com/5dAMREfC

他们正在运行相同的样式表，因此HTML中可能存在问题，但样式表在评论部分中链接以供参考。如果有人发现任何理由为什么它会做这样的事情，那就太棒了。而且我为凌乱的代码道歉，因为我说我只是玩弄它。

更新： 你可能会注意到我的代码包含至少一个flexbox，这里是另一个用户发布的可能相关的问题，但我无法做出正面或反面：Chrome shrinks figure elements as they are added to a flexbox

更新：对于flexbox似乎没有问题，即使删除除顶部标题以外的所有内容，问题仍然存在。

Answer 1

我会说这是你的导航栏的设置，你如何拥有一个图像，你只需要在悬停时改变它的位置。 Chrome有一个奇怪的功能，当有图像时它会移动东西，所以我建议你查找如何制作一个合适的导航栏（这很简单）。