2017-07-14 7 views
0

私はいくつかのHTMLをレンダリングするWebサイト用のコンポーネントを作成し、このHTMLをCSSでスタイルします。ここまでは順調ですね。今、私たちは次の制約があります。コンポーネント内のremのオーバーライド

  • ウェブサイトは14pxbodyためfont-sizeを設定します(これは私の管理下にはありません)。
  • コンポーネントのCSSはのremを使用します(これは私の管理下にありません)。

は、今の問題は、それが16pxbodyfont-sizeを持つことを前提としているためコンポーネントは、小さすぎてレンダリングすることです。はいremが使用される理由は、私が知っている、当然の疑問ですが、言ったように、これは

私の質問は、私のコントロールの外にある:私は、コンポーネントがfont-size16pxのベースを使用する想定、および仮定しましたremに固執する必要があり、14pxbodyとする必要があると想定しています。この混乱を直す最も簡単な方法は何ですか?

答えて

1

remが相対的なので、htmlでフォントサイズを設定しようとする可能性があります。

html { 
    font-size: 16px; 
} 

または

:root { 
    font-size: 16px; 
} 

MDN

+0

しかし、これは、それは、希望されていないウェブサイトの全体のスタイルを変更していませんか? –

+0

htmlフォントのサイズが本体のフォントサイズよりもオーバーライドされているため、そうではありません。言い換えれば、remはhtmlに関連していますが、他のユニットは、身体または身体の子孫のフォントサイズに関連しています。 – itacode

+0

ああ、それは難しいです...私はそれを試みるつもりです! –

関連する問題