首页 > 其他分享 >rem单位转换为px

rem单位转换为px

时间:2023-02-06 20:26:04浏览次数:40  
标签:const px str rem 转换 baseRem

const transform = (str, baseRem) => {
  const reg = /((-?\.?\d+)(\.\d+)?)rem/g;
  return str.replace(reg, function(match, pos, orginText) {
    const val = (parseFloat(pos) * baseRem).toFixed(2)
    return `${val}px`
  })
}
  • str 为替换前代码
  • baseRem 转换比例, 具体还原参照各自项目中的 postcss 的比例配置
// 示例, 转换前
.demo {
  with: 20rem;
  margin: -1rem .1rem -0.5rem 1.5rem
}
// 比例设为37.5, 转换后
.demo {
  with: 750.00px;
  margin: -37.50px 3.75px -18.75px 56.25px
}

标签:const,px,str,rem,转换,baseRem
From: https://www.cnblogs.com/qingzhao/p/17096581.html

相关文章

  • 使用popup.remove()仍然不能移除popup的原因
    今天遇到一个问题  添加完popup之后 想要移除popup,,然后使用popup.remove这个方法还是不管用,popup.remove()后还是会有一个空白的popup在页面上。博主高考语文不及格......
  • mac系统通过python批量转换doc为docx文件
    准备需要安装libreoffice这个软件下载地址:https://www.libreoffice.org/download/download/代码importosimportsubprocesssource="doc文件夹路径"dest="要转......
  • Java Date与时间戳的转换问题
    Java中String与Date格式之间的转换-NemoWang-博客园(cnblogs.com)主要是String类型的时间,需要使用DateFormat来进行设置转换的格式,调用fmt的parse方法进行将时间转为......
  • mysql 日期和时间戳的转换
    (18条消息)MySQL日期和时间戳的转换|以及DATE_FORMAT()用法_慌途L的博客-CSDN博客_date_format能转换时间戳吗一小时的时间戳是2*3600*1000,这是13位的时间戳的用法,如......
  • Python-字符串str和json格式的转换
    我是精神抖擞王大鹏,不卑不亢,和蔼可亲~计算机硕士,目前小米大数据开发。日常会分享总结一些自己面试实际问题的回答,欢迎一起讨论。公众号:diting_dapengstr转jsonstr转换为js......
  • java中的繁体字/简体字转换
    一、引入pom文件<!--https://mvnrepository.com/artifact/com.spreada/ZHConverter--><dependency><groupId>com.spreada</groupId><artifactId>ZHConverte......
  • css中文字体和Unicode编码转换方法
    在网站中,都不可避免的要用到一些中文字体,比如宋体,微软雅黑,黑体等,在css中写入中文的方法一般是:font-family:"微软雅黑","黑体";这样类似的表达方式。css样式文件也区分文......
  • 11、FFMPEG学习笔记记录之视频格式转换
    基本思想:记录学习夏曹俊ffmpeg基本函数使用,window11+clion_mingw+ffmpeg库,基本函数使用和格式转换一、学习大佬的如何使用av_frame_alloc()cmakelists.txtcmake_minimum_re......
  • python基础:split、join、replace、remove、del、pop、index小记
    这里总结了平时写脚本时经常用到的一些基础方法,做个记录1、split()函数可以基于分隔符将字符串分割成由若干子串组成的列表str.split(str="",num=string.count(str))......
  • base64ToMutipartFile(Base64转换为MutipartFile)
    packagecom.education.common.utils;importorg.springframework.web.multipart.MultipartFile;importsun.misc.BASE64Decoder;importjava.io.*;/***@author:......