1 rem はルート要素のフォント サイズと同じです。たとえば、ルート要素の font-size が 16px に設定されている場合、1rem は 16px に等しくなります。

rem 単位を使用すると、絶対的なピクセル値を使用するのではなく、ルート要素を基準にしてサイズを設定できるため、レスポンシブ デザインの作成が容易になります。これは、ユーザーがブラウザ設定でデフォルトのフォント サイズを変更した場合でも、Web サイトは比例して正しく表示されることを意味します。

ブラウザの開発ツール インスペクターを使用すると、フォント サイズが誰またはどこで設定されているかを正確に確認できます。

親の font-size が 1.3rem に設定されている場合、em サイズが設定されます。

その子 (h1) は、設定したフォント サイズを明示的に設定しないため、ブラウザによって設定されたフォント サイズが使用されます。この例では、h1 のフォント サイズを 1.5em に設定します。

したがって、h1 のフォントサイズは 1.5 * 1.3rem になります。