收藏
回答

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
回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容