跪求！如何根据设计图给定基准fontSize？求大佬指点！

Question

比如我现在得到一个ipad设计图，1920*1200我给了baseSize是75rem，好像刚好合适。如果是其他尺寸的设计图，我应该怎么计算这个基准fontSize

Answer 1

关于rem适配，基准字号（标签fontSize）多少都可以，就是看哪个基准数字计算方便。设计稿宽度为750px，基准定为100px=1rem为什么基准是100px?答：基准为100好计算，其实多少都可以例子：设计稿为200px*200px的区域如何用rem表示？答：200/100=2rem-->2rem*2rem计算当前程序运行的浏览器基准为多少？根据设计稿宽度与当前屏幕宽度比例计算基准字体大小：constdesignWidth=750//设计稿宽度constdeviceWidth=document.documentElement.clientWidth//当前设备宽度document.documentElement.style.fontSize=(deviceWidth/designWidth)*100+'px'//根字体大小例如当前屏幕宽度为deviceWidth=375px带入上面的逻辑运算即可得出fontSize=50px=1rem设计稿为200px*200px的区域在当前屏幕下的宽度为2rem*2rem=(50*2)*(50*2)=100px*100px所以适配后的区域宽高为100px*100px在其他屏幕下也是同样的逻辑。gauseen

Answer 2

1920*1200的ipad设计图，这个ui会设计吗？ipad设计尺寸手机端常用设计尺寸当然，你的问题楼上回答很精确，可以直接在页面头部使用他写的计算方式，来换算rem跟px为什么要强调写在头部，因为根据页面加载顺序，如果放在head后面的话，刷新页面，会有暂时性样式错乱的问题，必须放置在head里边