如何修改我的网站导航字体不会跨页面更改

Question

我正在网站上做一些工作，但根本无法解决这个问题！由于某种原因，主页上导航栏中的字体小于网站的其余部分。该网站是使用wordpress构建的，我之前从未遇到过这个问题！

我一直在尝试使用chrome dev工具来解决它，但到目前为止我还没有找到解决方案。如果有人有时间看一看，可以帮我解决这个问题，我真的很感激。感谢

Howmepage：http://www.abbeyvideoproductions.com/

在主页上，您可以看到导航栏中的字体较小，并且与网站上的任何其他页面相比，位于导航栏左侧的位置：

其他页面示例：http://www.abbeyvideoproductions.com/packages/

Answer 1

我认为％font-size存在问题。

尝试使用px

定义font-size和line-height

style.css（第903行）

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

    ...
}

Answer 2

只需删除属性表单.builder-module-navigation li a font-size: 112.5%;

即可

Answer 3

首先，您的HTML无效。不要以div开始！

您有两个不同样式表的地方

• post-teasers-left / style.css vs. post-teasers-right / style.css
• style-home.css与style-pages.css

所以，这将是第一个调查的地方。

在您的情况下，您有不同的font-size，但在两种情况下都定义为112.5%。来自MDN - font-size

  

百分比是指父元素的字体大小

这意味着，您必须查看一些祖先的font-size。当你走上层面时，你会发现在一种情况下它是font-size: 100%，而在另一种情况下它是font-size: 1em。

要解决您的问题，您可以使用导航栏中的绝对值重新定义字体大小，如@kkern已建议的那样，或者在父级字体大小中使用相同的值。