0

私はウェブサイトでいくつかの作業を行っていますが、これをまったく理解できません! 何らかの理由で、ホームページのナビゲーション バーのフォントが、サイトの他の部分よりも小さくなっています。サイトはワードプレスを使用して構築されており、これまでこの問題が発生したことはありません!

Chrome 開発ツールを使用してそれを理解しようとしていますが、これまでのところ解決策を見つけることができませんでした。誰かが見てみる時間があり、これを理解するのを手伝ってくれるなら、本当に感謝しています。ありがとう

方法ページ: http://www.abbeyvideoproductions.com/

ホームページでは、ナビゲーションのフォントが小さく、サイトの他のページと比較してナビゲーション バーの左側に配置されていることがわかります。

その他のページ例: http://www.abbeyvideoproductions.com/packages/

4

3 に答える 3

1

% font-size に問題があると思います。

font-size と line-height を px で定義してみてください

style.css (903行目)

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

    ...
}
于 2013-10-27T13:04:04.390 に答える
0

まず、あなたの HTML は有効ではありません。div!で始めないでください。

スタイルシートが異なる 2 つの場所があります

  • 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 が既に提案したようにナビゲーション バーで絶対値を使用して font-size を再定義するか、両方の親の font-size で同じ値を使用します。

于 2013-10-27T13:24:55.533 に答える
0

プロパティフォームを削除するだけ.builder-module-navigation li a font-size: 112.5%;

于 2013-10-27T13:00:42.880 に答える