我如何修復我的網站導航字體從跨頁改變

我在網站上做了一些工作，但根本無法弄清楚這一點！出於某種原因，主頁上的導航欄中的字體比其他站點上的字體小。該網站是使用wordpress構建的，我以前從未遇到過這個問題！我如何修復我的網站導航字體從跨頁改變

我一直在嘗試使用chrome開發工具來弄清楚，但到目前爲止我還沒有找到解決方案。如果有人有時間看看，並可以幫助我弄清楚，我真的很感激它。由於

在主頁上，你可以看到在導航欄上的字體較小，進一步坐到導航欄作爲結果的左側相比，網站上的任何其他網頁：

2013-10-27 DannyW86

我覺得這是與％字體大小的問題。

嘗試與PX定義字體大小和行高

的style.css（線903），所有的

.builder-module-navigation { 
    font-size: 13px; 
    line-height: 37px; 

    ... 
}

2013-10-27 13:04:04 kkern

謝謝你，工作完美！ – DannyW86

此外，問題的來源是「.hentry」有''font-size：112.5％;''除了在您的主頁上。 – Sunny

只要刪除物業形態.builder-module-navigation li afont-size: 112.5%;

2013-10-27 13:00:42 BordiArt

這並不能解決全球範圍內的問題。 –

首先，你的HTML是無效的。不要從div開始！

你有兩個地方有不同的樣式

因此，這將是第一個調查的地方。

就你而言，你有一個不同的font-size，雖然它在兩種情況下定義爲112.5%。從MDN - font-size

百分比參考上級元素的字體大小

這意味着，你必須看看一些祖先的font-size。當你上升的時候，你會發現在一種情況下它是font-size: 100%，而在另一種情況下它是font-size: 1em。

要解決您的問題，您可以使用絕對值在導航欄中重新定義字體大小，如@kkern已經建議的那樣，或者在父級字體大小中使用相同的值。

2013-10-27 13:24:55

回答