时间戳

首页 > 解决方案 > 如何在Angular7中全局设置字体大小（将自定义值设置为rem）？

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

问题描述

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

提前致谢

标签： cssangular7

解决方案

全局 CSS 可以在您的主要样式.scss（或 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;
}

推荐阅读