收藏
回答

line-height 真机上失效

问题模块 框架类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 最新版 魅族,小米、苹果 6.65

真机图:
小程序开发端:

IOS 安卓上都无法居住,很奇怪,昨天还是可以的

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

7 个回答

  • 黄思程
    黄思程
    2018-03-21

    麻烦提供下机型

    2018-03-21
    赞同
    回复
  • 黄思程
    黄思程
    2018-03-21

    请问是自定义标题栏吗?

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

    @黄思程  我这里的手机都会的

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

    开发者端小程序端:

    <view class='common-header' style='padding-top: {{topHeight.top}}rpx;height:{{topHeight.height}}rpx;'>

    <image src='./back.png' class='back' style='top: {{ topHeight.top + (topHeight.height - 50) / 2 }}rpx;' wx:if="{{currentLength != 1 && backPage}}" bindtap='goBack'></image>

    <image src='./home.png' class='back' wx:if="{{currentLength == 1 && backPage}}" bindtap='goHome'></image>

    <text class='title' style='background:#000;height:{{topHeight.height}}rpx; line-height:{{topHeight.height}}rpx;'>{{title}}</text>

    </view>

    <view style='height: {{ topHeight.top + topHeight.height }}rpx; background:red'></view>


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

    同样的高度,手机端被减了,请看黑色块高度为 topHeight.height,红色块为 topHeight.top + topHeight.height

    2018-03-21
    赞同
    回复
  • 黄思程
    黄思程
    2018-03-21

    text是行内元素,设置高度是无效的

    2018-03-21
    赞同
    回复
  • zArey
    zArey
    2018-03-22

    但是我设置了 display:block 了啊,其次 我使用了 flex 布局也不行,还有其他地方的文本文字设置了也是没问题的呢!

    2018-03-22
    赞同
    回复