css 页面字体缩放 |webpack 动态生成css

在CSS中，大家可以使用font-size属性来定义字体的大小。而为了实现字体缩放，大家可以使用rem单位。具体来说，rem指的是根元素的字体大小。因此，大家可以在根元素中设置一个合适的字体大小，然后在需要缩放字体的元素中使用rem来定义字体大小。

html {
font-size: 16px;
}
h1 {
font-size: 2rem; /* 2倍于根元素的字体大小 */
}
p {
font-size: 1.2rem; /* 1.2倍于根元素的字体大小 */
}

这样，无论在何种设备上，字体大小都会根据根元素的字体大小进行缩放，实现更好的用户体验。