我希望導(dǎo)航欄中的字體大小是固定的，不受瀏覽器字體大小變化的影響。我完全同意文本的其余部分是流動(dòng)的，但是我的網(wǎng)站的設(shè)計(jì)是這樣的，我需要導(dǎo)航條文本無論如何都保持相同的大小。

這是我想做的一個(gè)例子。不知道這是怎么做到的。右上角的導(dǎo)航欄不受字體大小增大/減小的影響。如果有人能給我提供線索，我將不勝感激！:)

http://studiogang.net/

此外，我不想使用圖像代替，因?yàn)槲蚁胍南吕藛尾粫c圖像映射。或者至少，我不想走那條路。

您可以嘗試使用文本-大小-調(diào)整:

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

不過它只在手機(jī)上有效。

除此之外，我認(rèn)為唯一的選擇是讓你的布局在不同的縮放級別下都能很好地工作。

由于可訪問性問題，我們不應(yīng)該使用它。如果你設(shè)置字體為“固定”大小，那么那些系統(tǒng)字體為200%或者瀏覽器縮放到100%以上等等。因?yàn)樗麄兘暎荒芊糯笞煮w和閱讀你想給他們看的東西。

也就是說，當(dāng)真的需要這樣做時(shí)(在這方面我也不是無辜的)，一個(gè)令人滿意的解決方案是簡單的。

根據(jù)屏幕大小使用字體大小，但最好只在大屏幕上使用。

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

嘗試使用像素作為字體大小。