uniapp H5 px转换rpx

uniapp H5 px转换rpx

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

你可能感兴趣的:(uni-app)