收藏
回答

skyline模式下,line-height:20px,实现容器尺寸会是21px。

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug view 微信安卓客户端 8.0.49 3.4.10

skyline模式下,line-height:20px,实现容器尺寸会是21px。

看起来是一句话,但是这个问题会导致阅读类小程序无法实现,因为行高与容器计算关系不准确的话,在左右滑动分页这种计算模式下,会出现底部与顶部显示半行,1/3行等的现象,且无法归避

用下面一行代码即可复现:

<view style="line-height: 20px;font-size: 16px;">内容1,内容2,看起来是一句话...</view>
// 内容如果是1行,view容器的高度会是21px
// 内容如果是2行,view容器的高度会是42px
// 内容每多1行,view容器的高度是【20px * 行数 + 行数】像素
// 复现条件:1.font-size>=15px; 2.文本内容要需要多写几个字,最好用正常的一个句子,有中文有标点符号。


最后一次编辑于  07-30
回答关注问题邀请回答
收藏

2 个回答

  • 社区技术运营专员-Jahozheng
    社区技术运营专员-Jahozheng
    07-30

    怎么复现呢

    07-30
    有用
    回复 2
    • 陈今斌
      陈今斌
      07-30
      用下面这行代码即可复现:
      07-30
      回复
    • 社区技术运营专员-Jahozheng
      社区技术运营专员-Jahozheng
      07-30回复陈今斌
      真机调试试试 8.0.50已经修复 工具后续对齐表现
      07-30
      回复
  • Burst girl
    Burst girl
    星期四 15:23

    这个怎么解决的


    星期四 15:23
    有用
    回复
登录 后发表内容