任意の要素の font-size プロパティを返すクロム拡張に取り組んでいます。ajax 応答データを拡張ドキュメントにロードし、それらのプロパティを計算しています。今、何か奇妙なことが起こっていて、私はその理由を見つけることができません.
分析している Web ページに見出しタグがあります。Web ページの [スタイル] タブ (要素の検査) には、フォント サイズが 2em で、計算値が 32 ピクセルであると表示されます。
今、Chrome 拡張機能で同じページを読み込むと、拡張機能の [スタイル] タブ (要素の検査) にフォントサイズが 2em と表示されますが、計算されたスタイルが 24px と表示されます。明確にするために、ウェブページとクロム拡張の両方のスタイルと計算されたスタイルの画像を添付しています。
ケース 1: スタイル (Web ページ)
計算されたスタイル (Web ページ)
ケース 2: スタイル (Chrome 拡張機能の読み込み後)
計算されたスタイル (Chrome 拡張機能での読み込み後)
なぜこれが起こっているのか知りたいだけですか？同じスタイル (2em) ですが、ブラウザー ウィンドウは計算されたサイズを 32 として表示し、拡張ウィンドウ (同じブラウザー上) は 24px を表示します。