我发誓这篇文章整理完我也就懂移动端适配那些转换了

898 阅读1分钟

一、 rem适配

750px是设计稿的宽度,换算比例以100来算,也就是设计稿的100px对应css的1rem,所以我们把设计稿分为100份,所以设计稿的宽度用css像素来表示就是750/100rem,同时设计稿的宽对应可视适口的宽, 也就是

750/100 rem = 100vw 所以 1rem = 100vw / 7.5

所以我们把html的font-size 设为calc(100vw/7.5)即可,然后在写的时候直接把设计稿的给出的数值除100,再用rem表示就可。