收藏
回答

文本组件,绝对定位使用rpx单位,手机上渲染异常

问题模块 框架类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 文本组件 微信iOS客户端 6.6.3及以后异常,版本为 6.5.13、6.5.15、6.5.23、6.6.1 的无该问题 1.9.93



开发者工具上预览效果,对应css代码:




手机上预览效果:






1、文本组件绝对定位,单位为 px 时,定位正常

2、文本组件绝对定位,单位为 rpx 时,定位异常

3、图片组件绝对定位,单位为 rpx 时,定位正常


目前测试微信版本 6.6.3 及以后会出现该异常

微信版本 6.5.13、6.5.15、6.5.23、6.6.1 无该异常


是否因为 rpx 单位渲染的原因造成该异常?

如果不是上述原因,可能是什么其他因素影响造成该异常?



定位异常:

<text style='position:absolute;top:200rpx;left:60rpx;'>定位文本组件</text>

定位正常:

<text style='position:absolute;top:100px;left:30px;'>定位文本组件</text>

定位正常:

<view style='position:absolute;top:200rpx;left:60rpx;'>定位view组件</view>


最后一次编辑于  2018-03-21  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

7 个回答

  • le
    le
    2018-03-21

    已经上线的小程序,都会出现解析异常的问题

    2018-03-21
    赞同
    回复
  • waiter
    waiter
    2018-03-21

    +1 ,线上的小程序很大文字都显示异常了啊!!!

    2018-03-21
    赞同
    回复
  • 。
    2018-03-21

    +1,设置margin值,padding值时也是这样,使用rpx异常,px正常

    2018-03-21
    赞同
    回复
  • 陌上君
    陌上君
    2018-03-21

    我也遇到了同样的问题,经过一下午的调试,发现在模拟器上运行时rpx会根据对应机型自动渲染成为对应的px值,而在真机调试中,rpx值仍为rpx,未能转换为px,推测是该问题导致rpx异常。附图模拟器调试和真机调试对比:

    此为模拟器调试后rpx自动转换为对应px值


    此为真机调试后,后缀仍为rpx值。

    2018-03-21
    赞同
    回复
  • 灿
    2018-03-23

    希望官方认真对待一下审核问题。1、审核太慢,奇慢无比。2、审核太随意。之前提交很多版本从来没有被拒绝过,这次提交7天了,发帖催一下,给审核了,结果说通不过。然后再提审,这又几天过去了,一点动静都没。请问官方,团队如果被这样拖死了,可以找谁申诉呢

    2018-03-23
    赞同
    回复
  • 🍭
    🍭
    2018-03-23

    我跟你情况一毛一样。。一毛一样

    2018-03-23
    赞同
    回复
  • 陌上君
    陌上君
    2018-03-23

    今天已经修复这个问题了

    2018-03-23
    赞同
    回复