css - 如何为 Angular 中的特定打字稿组件应用 font-sze:62.5%

Question

我正在尝试为以下给定的组件容器分配 font-size = 62.5 %

<main class="d-flex align-items-center min-vh-100 py-3 py-md-0" style="font-size:62.5%">
  <div class="container">
    <div id="login-container">
      <div class="card login-card">
        <div class="row no-gutters">
          <div class="col-md">
            <div class="card-body">
              <div class="heading-cont">
                <p style="font-size: 3.6rem;" class="marco">MARCO</p>
              </div>
             //Form components
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</main>

但这不起作用，MARCO 的字体大小是（3.6x16 = 57.6px），而不是取决于 % 并给出（3.6x10 = 36px）。如果我在应用程序的根级别声明字体大小％，那么它工作正常，但问题出现在组件级别也请让我知道字体大小％如何在组件内工作。

标签： cssangulartypescript