html5 - css排版，在微信和uc中，文字下方出现空白

Question

图一是在微信、uc上面的表现
图二是chrome上的表现
图一中的【组织20次】下面有空隙，图二没有。如何解决？

.num-fans-follow span {
        display: inline-block;
        font-size: 14px;
        line-height: 1; 
        box-sizing: content-box;
        border: 1px solid rgb(200, 200, 200);
        padding: 0 0.5em;
    }

使用了reset.css，其中有对span的预设

span{
    vertical-align:baseline;
}

这是一个demo，可在手机浏览器上查看

Answer 1

如果只有一行的话，设置line-height的值为height的值