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

Css 如何在Angular7中全局设置字体大小(将自定义值设置为rem)?,css,angular7,Css,Angular7,我想在Angular7项目中将rem设置为10px的倍数。我尝试在组件的CSS文件中更改body&HTML标记中的字体大小。但它似乎不起作用。我想知道如何在本地(例如组件)和全局(例如整个项目)设置自定义字体大小(和rem) 提前感谢可以按照index.html上的指定,在main styles.scs(或CSS)上设置全局CSS 可以通过指定组件中scss(或CSS)文件的路径来设置组件范围的CSS @Component({ selector: 'sample-component',

我想在Angular7项目中将rem设置为10px的倍数。我尝试在组件的CSS文件中更改body&HTML标记中的字体大小。但它似乎不起作用。我想知道如何在本地(例如组件)和全局(例如整个项目)设置自定义字体大小(和rem)


提前感谢

可以按照index.html上的指定,在main styles.scs(或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;
}