uniapp H5 px转换rpx

uniapp H5 px转换rpx

  1. 安装 px2rpx
    在这里插入图片描述
    在这里插入图片描述
  2. 重启 HBuilderX
  3. 在要转换的文件 点击右键
    在这里插入图片描述
  4. 点击 开启px2rpx(1px转成2rpx)
    在这里插入图片描述
    开启成功!
  5. 使用 编辑页面后 按下键盘 Ctrl + s 保存!
  6. 转化成功!在这里插入图片描述
  7. 当然 你也需要对使用的插件 进行转换!否则可能导致样式出现问题。
  8. 到此,手机,ipad,以及H5 适配成功!