收藏
回答

开发者工具中元素高度和实际不符

框架类型 问题类型 操作系统 工具版本
小程序 Bug macOS v1.02.1808101

- 当前 Bug 的表现(可附上截图)

元素高度21



- 预期表现


字体高度12,行高为1,上下padding合起来为8

元素高度应该是 12 * 1 + 8 / 2 = 16,而不是21


- 复现路径


- 提供一个最简复现 Demo


最后一次编辑于  2018-12-25
回答关注问题邀请回答
收藏

4 个回答

  • lekker
    lekker
    2018-12-27

    对于扣像素的ui来说 确实是个问题

    2018-12-27
    有用
    回复
  • Gavin
    Gavin
    2018-12-27

    mark

    2018-12-27
    有用
    回复
  • 小康¹⁸
    小康¹⁸
    2018-12-25

    line-height 还能这么玩?没有的单位的行高的多高?

    2018-12-25
    有用
    回复 1
    • Avanmemety
      Avanmemety
      2018-12-25

      嗯?就是字体大小的几倍行高嘛。

      2018-12-25
      回复
  • 卢霄霄
    卢霄霄
    2018-12-25

    你用的哪个型号的模拟器呀

    2018-12-25
    有用
    回复 7
    • Avanmemety
      Avanmemety
      2018-12-25

      就微信开发者工具,看上面版本号是v1.02.1808101,macOS的

      2018-12-25
      回复
    • 卢霄霄
      卢霄霄
      2018-12-25回复Avanmemety


      这你用的哪一个呢

      2018-12-25
      回复
    • Avanmemety
      Avanmemety
      2018-12-25回复卢霄霄

      iphone6

      2018-12-25
      回复
    • 卢霄霄
      卢霄霄
      2018-12-25回复Avanmemety

      padding上下是4rpx,对应2px。。为啥这么大。。你可能要把你页面做个片段看看了。。

      2018-12-25
      回复
    • Avanmemety
      Avanmemety
      2018-12-25回复卢霄霄

      哦,对对,我搞错了前面。那我找到规律了。这儿好像内置了一个1.4的行高。然后字体大小是12px。最后

      12 * 1.4 + 4 = 20.8 = 21

      但具体这个1.4哪来的我就不知道了,我又写了几个DEMO试了下,发现都有这个1.4的行高。但是这个行高不会撑开包裹它的元素,其它表现都是正常的,只影响了它自己的高度。


      多谢🙏

      2018-12-25
      回复
    查看更多(2)
登录 后发表内容