自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

无畏恋晴的博客

这个人很懒,什么都没有写

  • 博客(1)
  • 收藏
  • 关注

原创 JS查找并计算和替换富文本中的px为响应式单位

最后替换为我这边自己定义的rem单位,我的是1920分辨率下字体大小为33px,20px对应为0.6rem。replace的第二个参数支持函数,里面可以接收到匹配到的值,利用 'px' 进行分割再转为数字。因为在做官网响应式时有部分后台返回的内容为富文本,于是想着得把px像素单位换成我自己的rem。其中(+)加号为一元加号运算符,位于其操作数之前,可将其操作数转换为数字(如果尚未转换)使用/\d+px/g匹配到数字+px的字符串。为0的px可以写判断忽略掉,这里就不展示了。可以看到已经转换成功。

2024-06-07 15:02:22 138

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除