- Published on
javascript 中 将px转换成rem
- Authors
- Name
- LIZHI
// 主要是将px数转换成 rem值
function pxToRem(originPx:number|string, layout = 750) {
function isNumeric(val:any) {
return /^\d+(\.\d+)?$/.test(val);
}
// 如果是px,直接转成数字
(typeof originPx === 'string' && originPx.indexOf('px') > -1) && (originPx = parseFloat(originPx));
layout /= 10;
return isNumeric(originPx) ? `${originPx / layout}rem` : originPx;
}
注释: 传参 originPx 传入的px值可能是78px或 78 layout 设计稿尺寸 1.判断originPx 是否是字符串,如果是直接转成数字 2.设置 layout 3.返回 数字直接转换,否则,直接返回