欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

rem 转换成 px

程序员文章站 2022-04-11 11:47:29
...
/**
 * rem 转换成 px 会随着屏幕大小变化, 屏幕最大设置为750就不会再发生变化
 * @method pxToRem
 * @param { number } rem 例如 rem = 0.46 时  在iPhone6为对比下,设置的是0.46rem在项目里面对应的值是46px
 * @return { number }rem值转换成对应的px
 */
export const remToPx = (rem = 0.46) => {
  var html = document.documentElement
  var hWidth = html.getBoundingClientRect().width
  hWidth = Math.min(hWidth, 750)
  return rem * hWidth / 3.75
}