您可以使用css变量作为fontsize，并将其从js：

<script>
// Get the root element
var r = document.querySelector(':root');

// Create a function for getting a variable value
function myFunction_get() {
  // Get the styles (properties and values) for the root
  var rs = getComputedStyle(r);
  // Alert the value of the --blue variable
  alert("The value of --blue is: " + rs.getPropertyValue('--blue'));
}

// Create a function for setting a variable value
function myFunction_set() {
  // Set the value of variable --blue to another value (in this case "lightblue")
  r.style.setProperty('--blue', 'lightblue');
}
</script>

在styles.css文件中添加

html { 
        font-size : 62.5%;
        }

这将设置1 rem = 10 px（默认情况下1 rem = 16 px）
现在在rems中定义你的Angular 项目中的所有单位。为了在styles.css中改变某个屏幕宽度的字体大小，添加一个媒体查询，在html中改变字体大小为font-size：50%，这将影响整个应用程序。
每当用户更改浏览器的字体大小时，这些更改也会反映出来。