经过实际操作发现,ios系统上上下相差两个像素(也有可能是我测距离的误差)
但是Android上相差比较大,而且不同的机型相差数目不一样
产生原因
问了下技术大神,说是line-height对一部分Android手机不起作用,有自己默认的行高,默认行高为22px(这点我没有试验,不知道是否准确)
解决方法
line-height:normal;
padding:10px 0;
目前只发现这个方法,没有发现其他的方法,有新的方法将更新,欢迎大家指正。
第二种(还没验证)
在部分android的手机中会出现使用line-height文字偏上的问题,可利用padding来实现文字垂直居中,
若元素高30px
element{
font-size: 13px;
line-height:0;
padding: 15px 0;//相当于line-height 30px
}
第三种(利用display:table-cell;vertical-align:middle)
第四种(利用transfrom:scale)