0

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

我一直在尝试使用 chrome 开发工具来解决这个问题，但到目前为止我还没有找到解决方案。如果有人有时间看一看并可以帮助我解决这个问题，我将非常感激。谢谢

主页：http ://www.abbeyvideoproductions.com/

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

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

4

3 回答 3

1

我认为 % font-size 有问题。

尝试用 px 定义字体大小和行高

style.css（第 903 行）

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

    ...
}
于 2013-10-27T13:04:04.390 回答
0

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

于 2013-10-27T13:00:42.880 回答
0

首先，您的 HTML 无效。不要以div!

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

  • post-teasers-left/style.css 与 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 的建议在导航栏中使用绝对值重新定义字体大小，或者在两个父级的字体大小中使用相同的值。

于 2013-10-27T13:24:55.533 回答