收藏
回答

scroll-view横向滚动:客户端和开发工具显示不一样,客户端错位

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 Bug iOS 11.3.1 iPhone6 6.6.6

给文字设置了高度,在开发工具上展示正常。但是在iPhone手机上(用的iPhone6)出现纵向错位,并且错位的幅度和文字内容的多少有关。


开发者工具展示:


iPhone6展示:







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

3 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2018-06-10

    你好,请问是只在iPhone6上显示不正常吗?安卓上显示是否正常?

    2018-06-10
    赞同
    回复 1
    • 。
      2018-06-11

      安卓(锤子手机)也不正常。但是和苹果的问题不一样。 安卓问题:给文字设定好高度且添加overflow:hidden样式,多出的文字还是会显示。

      打日志看了下:开发工具和iPhone6文字部分的高度是36   安卓机上高度是41

      锤子手机展示:


      2018-06-11
      回复
  • ´▽`
    ´▽`
    2018-07-10

    给子元素加一个   vertical-align: top;      我这边遇到跟你一样的问题,只在手机端有此问题,加上这个css样式就好了。你可以试一下

    2018-07-10
    赞同
    回复
  • 已注销
    已注销
    2018-06-11

    文字最好设置单行显示,wxss中加上:

    overflow: hidden;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    -webkit-text-overflow: ellipsis;

    -moz-text-overflow: ellipsis;

    white-space: nowrap;

    2018-06-11
    赞同
    回复 1
    • 。
      2018-06-11

      嗯 单行显示是正常的,但需求是让显示两行

      2018-06-11
      回复