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

Question

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

Answer 1

然后你可以采用响应式菜单。演示在这里。调整浏览器大小以查看菜单如何根据可用宽度自行调整。