css - 如何在 Angular7 中全局设置字体大小(将自定义值设置为 rem)？

Question

我想在我的 Angular7 元素中将 rem 设置为 10px 的倍数。我尝试更改组件 CSS 文件中 body 和 HTML 标签中的字体大小。但这似乎不起作用。我想知道如何在本地(即对于组件)和全局(即对于整个元素)设置自定义字体大小(和 rem)？

提前致谢

Answer 1

可以在 index.html 中指定的主 styles.scss(或 css)上设置全局 CSS。

可以通过指定组件内 scss(或 css)文件的路径来设置组件范围内的 CSS。

@Component({
  selector: 'sample-component',
  templateUrl: './sample-component.component.html',
  styleUrls: ['./sample-component.component.scss']
})

并且在 sample-component.component.scss 中，* 选择器选择封装在组件内的所有元素

* { 
  font-size: 1.5rem;
}