html {
font-size:15.625vw; 100vw
}
<div style="width:3.2rem"> </div> // 屏幕一般
设计稿调成为640px
将根元素(html)的字体大小值设置为动态值
html{
font-size: 100/屏幕宽度的1%===?vw
}
解释:通过用100除以当前屏幕宽度的1%,计算出100px占当前屏幕的多少vw
640*1%=6.4vw 当前屏幕宽度6,4vw
100/6.4=15.625vw
7.
const baseFontSize = 100;
const designWidth = 375; // 设计稿宽度
// 当前页面宽度相对于 设计稿宽度 的缩放比例,可根据自己需要修改。
const fontSize = (document.documentElement.clientWidth / designWidth) * baseFontSize;
// 设置页面根节点字体大小
document.documentElement.style.fontSize = fontSize + "px";