<ul id="navbar" style="font-size:14px">

</ul>

您可以尝试使用text-size-adjust：

-webkit-text-size-adjust:none;
 -ms-text-size-adjust:none;
 -moz-text-size-adjust:none;
 text-size-adjust:none;

不过它只能在移动的上使用。
除此之外，我认为唯一的选择是使您的布局工作在不同的缩放水平。

我们不应该使用这个，因为易访问性的问题。如果你设置字体为“固定”大小，那么那些系统字体为200%或者浏览器缩放到100%以上的人，因为他们是近视眼，将不能放大字体和阅读你想要他们阅读的内容。
话虽如此，当真的需要的时候（在这方面我也不是无辜的），一个有点令人满意的解决方案是简单的。
使用字体大小与屏幕大小有关，但最好只在大屏幕上使用。

@media screen and (min-width: 992px) {
    element {
        /* font-size: 2.5vh; */
        font-size: 2.5vw;
    }
}

尝试使用像素作为字体大小。