移动端 rem 适配

具体适配还需以设计为准

分享两种适配，并附有计算方法。本文章以6的屏幕做上下适配

第一种简单实用，易于计算    ( 比如 设计稿 宽 20 px  = 0.2 rem )，弊 网络差时 css加载慢 页面会乱成一团 字体超大

算法

屏幕宽度 / 375 * 100 

@media screen and (min-width : 320px){
	html{
		font-size: 85.33x;
	}
}
@media screen and (min-width : 375px){
	html{
		font-size: 100px;
	}
}
@media screen and (min-width : 414px){
	html{
		font-size: 110.4px;
	}
}

第二种，换算rem需要计算器计算  ，利  px差距不大  网络差时 也不会 相差太大   弊   转换rem 需要计算

算法

屏幕宽度 / 20

@media screen and (min-width : 320px){
	html{
		font-size: 16px;
	}
}
@media screen and (min-width : 375px){
	html{
		font-size: 18.75px;
	}
}
@media screen and (min-width : 414px){
	html{
		font-size: 20.7px;
	}
}