固定位置水平导航栏被切断

Question

当浏览器窗口太小时，我的导航栏会一直被切断。我将其设为position: fixed，以便即使页面向下滚动，导航栏也会保留在屏幕中。这样做会使它被切断。我也不想将UI更改为100％。因为这会使我的链接转到页面的下一行，但它们有边框，看起来并不专业。我设置了JSfiddle。我认为最终我想要的是垂直固定，但当人们左右滚动时，它变得绝对。我觉得这可以用javascript完成，但我对它没什么经验。我在同一主题上看过几个主题，但我没有看到它固定。

Answer 1

然后您可以采用自适应菜单。演示是here。调整浏览器大小以根据可用宽度查看菜单如何自行采用。