样式尺寸rem转px

练习时长两年半前端菜鸟，不会打篮球。

个人工作经历记录，不喜勿喷。

如果有不对的地方欢迎各位大佬指点。

做业务时遇到要把A平台的几个页面copy到B平台去。

但是两边平台的样式框架不同。

A平台使用的是rem，各种屏幕下根节点尺寸80px/60px/40px。

B平台使用的是默认尺寸，16px。这就导致在A平台尺寸正好的图标、图片、表格等移动只B平台时样式大乱。一个一个改rem不是一个程序员该做的事，写个方法解决。

function replaceRem(val,rate=100){
	let str = val;
    //使用正则匹配所有rem单位
	let arr = str.match(/[0-9]+\.[0-9]+rem/g);
	if(arr.length){
        //对每一个匹配的大小进行修改
		for(let i in arr){
			str = str.replace(arr[i],change(arr[i]))
		}
	}
	//修改尺寸方法
	function change(str){
		let num = str.match(/[0-9]+\.[0-9]+/g);
		num = parseFloat(num);
		return (num*rate).toFixed(2)+'px'
	}
    //控制台输出结果
	console.log('str',str)
	return str
}

经过我的计算发现两个平台比例为100:1.所以直接默认放大100倍。如需使用还需自己手动修改。