react モジュールと css モジュールで書かれたデザイン システムがあり、間隔、フォント、要素サイズなどの単位はすべて rem で書かれています (基本値を 16px
に設定します)
問題は、デザイン システムにインポートしたいプロジェクトで、どこでも rem が使用されており、ルート値がすでに 10px
に設定されていることです。
したがって、デザイン システム パッケージからインポートされたすべてのコンポーネントはスケールダウンされます。
特定の領域に個別のルート フォント サイズを設定する方法はありますか?それともすべての間隔を書き換えずに 2 つの項目を整列させる方法でしょうか?
使ってみたけど大変でした
一般的に、グラフィカル インターフェイスを調整するためにインターフェイスでそのような問題 (XAML など、ただし原理はどこでも同じです) が発生した場合は、
margin
またはを使用します。属性が記入してください
お待ちください...それらを 1 つずつ揃えようとしないでください。 UI を root
と完全に一致させるようにしてください。