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页面都没有问题;看了饿了么、美团外卖等小程序,页面上的标签 也有这类情况,故而认为是小程序兼容性未做好,希望尽快优化,谢谢。

展开全部
收起
3回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Sachin

    13人对此回答表示赞同

    @弟弟你的代码去掉line-height那行的注释之后没有发现问题。

    展开
    13
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • 公子舒夜

    7人对此回答表示赞同

    同样遇到的这样的问题请问现在解决了吗?

    展开
    7
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • Emily3

    1人对此回答表示赞同

    我先公众号也有这个问题在开发者工具都没问题在安卓手机就不行。第一个图是开发者工具上的,第二个图是安卓手机

    展开
    1
    0回复
    发布于 6年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部