ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

uniapp H5 px转换rpx

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 适配成功!
返回列表