uniapp H5 px转换rpx

  • 开发
  • 53

uniapp H5 px转换rpx

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

相关推荐

  2. uniapp ui库 px 转 rpx

    2024-02-01 06:32:05       43 阅读

  4. CSS尺寸单位详解（rpx、px、pt、em、rem、%、vh、vw的区别）

    2024-02-01 06:32:05       65 阅读

  5. CSS样式中长度单位含义解析：rpx、px、vw、vh、em、rem、pt

    2024-02-01 06:32:05       45 阅读

  6. px、rpx、em以及rem的区别与用法

    2024-02-01 06:32:05       64 阅读

  7. 微信小程序px、rpx、vh、百分比单位介绍

    2024-02-01 06:32:05       231 阅读

  8. em,rem,vw,vh,px,rpx,%的用法

    2024-02-01 06:32:05       34 阅读

  9. #Uniapp：rpx 和 upx的区别

    2024-02-01 06:32:05       50 阅读

  10. uniapp微信H5 dom转换成图片并下载（html2canvas ）

    2024-02-01 06:32:05       72 阅读

最近更新

  3. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-01 06:32:05       98 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-01 06:32:05       106 阅读

  9. 在Django里面运行非项目文件

    2024-02-01 06:32:05       87 阅读

  19. Python语言-面向对象

    2024-02-01 06:32:05       96 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2024-02-01 06:32:05       91 阅读

热门阅读

  1. Uni-app 如何上传文件， 使用的API是什么

    2024-02-01 06:32:05       60 阅读

  3. 华为网络设备：核心命令一览

    2024-02-01 06:32:05       54 阅读

  5. 中移（苏州）软件技术有限公司面试问题与解答（7）—— kmalloc与vmalloc的区别与联系及使用场景

    2024-02-01 06:32:05       52 阅读

  7. 设计模式全览：编程艺术的精髓!

    2024-02-01 06:32:05       49 阅读

  9. 设计模式——策略模式

    2024-02-01 06:32:05       47 阅读

  10. 策略模式+SpringBoot接口，一个接口实现接收的数据自动分流处理

    2024-02-01 06:32:05       50 阅读

  14. Spring Boot + Vue3 实现七牛云大视频上传

    2024-02-01 06:32:05       47 阅读

  18. 3D人体运动重建

    2024-02-01 06:32:05       68 阅读

  22. 【后端】HTTP

    2024-02-01 06:32:05       52 阅读

  24. 小程序接入企业微信「联系我」功能

    2024-02-01 06:32:05       66 阅读

  25. Visual Studio 和Clion配置Cocos2d-x环境

    2024-02-01 06:32:05       68 阅读

  27. unity 使用数字图片来代替数字0到9显示

    2024-02-01 06:32:05       50 阅读

  29. Tomcat调优教程

    2024-02-01 06:32:05       47 阅读

  30. 梯度下降法解决2D映射3D

    2024-02-01 06:32:05       60 阅读