如何在 Angular7 中全局设置字体大小(将自定义值设置为 rem)?
How to set font-size globally in Angular7 (to set custom value to rem)?
我想在我的 Angular7 项目中将 rem 设置为 10px 的倍数。我尝试更改组件 CSS 文件中正文和 HTML 标签中的字体大小。但这似乎不起作用。我想知道如何在本地(ie.for 一个组件)和全局(ie.for 整个项目)设置自定义字体大小(和 rem)?
提前致谢
全局 CSS 可以在您的主 styles.scss(或 css)上设置,正如您在 index.html.
上指定的那样
组件范围 CSS 可以通过在组件中指定您的 scss(或 css)文件的路径来设置。
@Component({
selector: 'sample-component',
templateUrl: './sample-component.component.html',
styleUrls: ['./sample-component.component.scss']
})
并且在 sample-component.component.scss 中,* 选择器选择封装在组件中的所有元素
* {
font-size: 1.5rem;
}
我想在我的 Angular7 项目中将 rem 设置为 10px 的倍数。我尝试更改组件 CSS 文件中正文和 HTML 标签中的字体大小。但这似乎不起作用。我想知道如何在本地(ie.for 一个组件)和全局(ie.for 整个项目)设置自定义字体大小(和 rem)?
提前致谢
全局 CSS 可以在您的主 styles.scss(或 css)上设置,正如您在 index.html.
上指定的那样组件范围 CSS 可以通过在组件中指定您的 scss(或 css)文件的路径来设置。
@Component({
selector: 'sample-component',
templateUrl: './sample-component.component.html',
styleUrls: ['./sample-component.component.scss']
})
并且在 sample-component.component.scss 中,* 选择器选择封装在组件中的所有元素
* {
font-size: 1.5rem;
}