走向大前端
走向大前端
  • 发布:2023-07-26 10:36
  • 更新:2024-06-26 15:15
  • 阅读:918

uniapp vue3 编译成H5时,会将rpx编译成rem

分类:uni-app

如果设置的根字体大小太大,会导致我设置的宽度为750rpx的盒子超出了屏幕
同样的代码 图2APP(显示正常)
图1 H5显示异常
希望vue3可以新增配置 将rpx转化成px的配置

2023-07-26 10:36 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

我写了个同样的 然后拉伸 并没有发现会超出页面宽度
能把你页面代码发一下吗?我看看是不是写法的问题

  • 走向大前端 (作者)

    抱歉我没有表述清除,我设置了body的最大宽度为500px(没有占满屏,可能是这个原因您没复现这个问题),使用了page-mate的root-font-size属性设置了26px(项目中有调节字体大小的功能),这个项目原先是使用的vue2,现在使用的vue3,保持原页面模板写法没动,就出现了这个问题

    2023-07-27 16:28

  • 走向大前端 (作者)

    因为之前的rpx转化成的是px,vue2写法是设置一个盒子的宽度是750rpx,他最大转换也就是屏幕的宽度,然后现在转换的是rem,根据根字体大小的变大或变小 就会出现我所表述的问题

    2023-07-27 16:32

  • 爱豆豆

    回复 走向大前端: 能上传一个demo看看吗?

    2023-07-27 16:48

1***@163.com

1***@163.com

我也遇到这个问题了

3***@qq.com

3***@qq.com - 你好

解决了吗?

要回复问题请先登录注册