如何在Angular7中全局设置字体大小（将自定义值设置为rem）？

【问题标题】：How to set font-size globally in Angular7 (to set custom value to rem)?如何在Angular7中全局设置字体大小（将自定义值设置为rem）？
【发布时间】：2019-01-29 06:40:22
【问题描述】：

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

提前致谢

【问题讨论】：

标签： css angular7

【解决方案1】：

可以在您的主要样式.scss（或 css）上设置全局 CSS，如您的 index.html 中指定的那样。

可以通过指定组件内的 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;
}

【讨论】：