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

在Angular 7中，可以通过修改全局样式文件来设置字体大小为rem单位。

首先，打开项目中的styles.scss文件（或者styles.css文件），这是全局样式文件。

然后，在文件中添加以下代码：

html, body {
  font-size: 16px; /* 设置根元素的字体大小为16px */
}

/* 定义一个函数用于将像素值转换为rem单位 */
@function pxToRem($px) {
  $remSize: 16; /* 设置根元素的字体大小为16px */
  @return $px / $remSize + rem;
}

/* 使用pxToRem函数设置全局字体大小 */
h1 {
  font-size: pxToRem(24px); /* 设置h1元素的字体大小为24px */
}

p {
  font-size: pxToRem(16px); /* 设置p元素的字体大小为16px */
}

在上述代码中，我们首先设置了根元素（html和body）的字体大小为16px。然后，定义了一个名为pxToRem的函数，用于将像素值转换为rem单位。最后，我们使用pxToRem函数来设置具体元素的字体大小。

通过这种方式，我们可以在Angular 7中全局设置字体大小，并将自定义值设置为rem单位。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。

腾讯云云服务器（CVM）是一种可扩展的计算服务，提供了高性能、可靠的云服务器实例，适用于各种应用场景。

腾讯云云数据库MySQL是一种高性能、可扩展的关系型数据库服务，提供了稳定可靠的数据库实例，适用于各种数据存储需求。

更多关于腾讯云云服务器（CVM）的信息，请访问：腾讯云云服务器（CVM）产品介绍

更多关于腾讯云云数据库MySQL的信息，请访问：腾讯云云数据库MySQL产品介绍