收藏
回答

垂直居中样式多数android机不兼容


BUG表现:

标签文字不垂直居中,偏上。


预期效果:


BUG出现环境及复现:

大部分android机。


正常情况:

ios小程序不会,华为荣耀V10,android 8.0不会。

直接写H5页面不会。


{

    border: 1px solid #1CC2F7;

   border-radius: 0.04rem;

   font-size: 0.12rem;

   display: inline-block;

   height: 0.4rem;

   line-height: 0.38rem;

   padding: 0 0.06rem;

   text-align: center;

   margin-left: 0.16rem;

   color: #1CC2F7;  

}



尝试方法:

尝试用过display:flex,vertical-align: middle,line-height,padding等各种样式解决,无法解决。

开始标签外层用了display:flex,尝试不用,改为float:left定位也不行。


判定结果及期望:

由于同样的样式写法,ios的小程序,h5页面都没有问题;看了饿了么、美团外卖等小程序,页面上的标签 也有这类情况,故而认为是小程序兼容性未做好,希望尽快优化,谢谢。

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

16 个回答

  • 云飞扬
    云飞扬
    2018-01-18

    没有完美解决,只是把高度增加了一点,视觉上看着勉强过得去了。。。

    2018-01-18
    有用
    回复
  • D
    D
    2018-01-18

    等微信研发团队的 大佬来解决把

    2018-01-18
    有用
    回复
  • 陈转弟
    陈转弟
    2018-01-18

    请问楼主最后是怎么解决的


    2018-01-18
    有用
    回复
  • 陈转弟
    陈转弟
    2018-01-18

    安卓手机是会出现不能垂直居中的问题

    2018-01-18
    有用
    回复
  • D
    D
    2018-01-17

    我也遇到这问题

    2018-01-17
    有用
    回复
  • 云飞扬
    云飞扬
    2018-01-10

    让我试px?提了BUG也说明了情况和环境,不是应该你们官方去测试检查,给出解决方法么?

    如果我试px没问题,难道我就直接写px么?

    做事请认真点,谢谢。

    2018-01-10
    有用
    回复

正在加载...

登录 后发表内容