如何在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;
}