reactjs/javascript：パディングを動的に変更します。

Question

私はreactjsで作業しています。私のサイトが英語になっていると、パディングが完璧です（padding: 0 1.7em 0 0;）。しかし、サイトがドイツ語の場合、padding: 0 0.55em 0 0;に近づくようにパディングが必要です。他のすべての言語は、これらのパディングの中間に翻訳されています。ドイツ語のnavbar（これは私がこのパディングで作業しているものです）には2行のリンクがありますが、これは1.7emのパディングの下にはありません。それでも私が0.55emに変更すると、英語のサイトはあまりにも窮屈に見えます。私が％に切り替えると、動作する唯一の％は1％です。英語のための1％の詰め物は非常に窮屈に見えます、そして、ドイツのサイトはただ大丈夫です。

質問： 私は何ができますか？リンクのサイズを取得する方法はありますか？<p>は、次にcssでcalc（）を実行しますか？またはjsで？これにより、各言語の変更が可能になります。だから、おそらく、CSSの状態を変えることによって可能になるかもしれない... idk、私は何を伝えようとしているかを完全に知るために反応するためにちょっと新しい。

Answer 1

私の最初の提案は、あなたの<p>をやや広めにすることです。これは最も簡単なことです。それに失敗：

は、ユーザーが使用して次にwindow.navigator.language

を使用して設定した言語を検索することは従うためにあなたのページのCSSルールを生成するように反応します。パディング値がデフォルト設定で上書きされないように、他のスタイルをすべてインクルードした後でルールが印刷されていることを確認してください。