收藏
回答

自定义组件内,渲染结果与样式描述存在误差

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug iOS 14 iphoneX iphone11 8.0.18

如图上样式:在自定义组件内真机调试时,渲染出的高度为25px(与预期不符), 非自定义组件内则渲染26px(符合预期)

以上仅在ios系统下发现, iphoneX iphone11均会出现 该问题

回答关注问题邀请回答
收藏

2 个回答

  • 嘿嘿
    嘿嘿
    发表于移动端
    2022-11-28
    微信 搜索 💕小许逛逛💕众多惊喜等你来
    2022-11-28
    有用
    回复
  • 小乙
    小乙
    2022-03-29

    https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html

    尺寸单位

    • rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。

    建议: 开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。

    注意: 在较小的屏幕上不可避免的会有一些毛刺,请在开发时尽量避免这种情况。

    你说有没有可能这个定义里面的750这个数据是经过深思熟虑而选择的,因为它可以覆盖基本所有数据,而误差又在一个可控的范围内,并且是一个⑩的倍数,还有特定的手机与之匹配,而很不巧的你选择了13的倍数这样子一个误差比较大的数据造成1px的误差

    2022-03-29
    有用
    回复 1
    • 海贼
      海贼
      2022-03-29
      你可以试试,写两个按钮,一个放在自定义组件内,一个单纯放在页面上,同样的样式,显示的结果不一样的。或者看看我提供的代码片段,进行真机调试看实际渲染结果
      2022-03-29
      回复
登录 后发表内容