在html中设置了font-size的值,
例如我设置的是 font-size = 20,
然后拿到UI人员提供的项目原型,看一下原型的设置是基于什么大小,
例如UI图是宽750的原型,
然后font-size是20,
那么我们在宽750的基准的元素的宽是78.75px的话,那么我们要设置的是
750/20 = 37.5
78.75/37.5 = 2.1rem;
ps;(每次计算元素px和rem转换的时候,都用px的值除以这个37.5这个值,得到的就是rem的值)
如果我们是在375的设备为参考做元素的设置,那么我们要设置的是
375/20 = 18.75
78.75*375/750 = 39.375px(750和375的比例下应该的px值)
39.375/18.75 = 2.1rem;
ps;(每次计算元素px和rem转换的时候,都用375比例下的px的值除以这个18.75这个值,得到的就是rem的值)