想定よりも大きなフォント サイズで表示されるテキストがあります。Firebug を使用したところ、要素の CSS で定義されているテキストが 12px であることがわかります。ただし、Web 開発者と CSSViewer の両方が、現在表示されているテキストが 16px であると報告しています。
これらすべてのツールを使用しても、16px フォント サイズのソースをすぐに特定することはできません。12px である必要があります。
これらのツール (または他のツール) を使用して 16px の計算方法を決定する最良の方法は何ですか? カスケード階層を調べることでそれを見つけることができますが、情報をもっと簡単に取得する方法があるかどうか疑問に思っていました.
Web 開発者ツールキットを使用すると、要素の DOM パスを確認できます。上位の要素の 1 つに異なるフォント サイズがあるかどうかを確認してください。Firebug は、スタイルがどの要素から継承されているかを表示する必要があります
Firebugを使用しても問題が解決しない場合は、CSSで「16px」をグローバルに検索し、その属性を一時的に削除して、問題が解決するかどうかを確認します。CSSは、特に異なるブラウザ間で、常に期待どおりに動作するとは限りません。たとえば、コードのフォーマットが正しくないと、非常に奇妙な動作が発生する可能性があります。
また、XHTML/HTMLとCSSを検証します。私はこれが多くの問題をすぐに解決することを発見しました。
バージョン 1.10 以降、 Firebug のComputedサイド パネルでは、計算された各値を展開してそのカスケード階層を表示できるようになりました。これにより、計算方法を簡単に知ることができます。
例：
この例では、フォント サイズは基本的にセレクターを使用してルール内で定義されていることがわかります.wmd-preview。