rem 转换成 px

最新推荐文章于 2024-09-19 10:58:07 发布

夏天2016

最新推荐文章于 2024-09-19 10:58:07 发布

阅读量415

点赞数

文章标签： javascript vue.js es6 css

本文链接：https://blog.csdn.net/sank2017/article/details/104005970

版权

/**
 * 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
}