移动端设置文字居中时偏上的问题

移动端使用行高设置文字垂直居中时偏上问题

使用line-height设置行高使文字垂直居中时，安卓机文字显示偏上
解决方法：flex布局

    .box{
        display: flex;
        justify-content: center;
        align-items: center;
        }

缩放：使用CSS3 scale属性，设置时将所有的值设置大一倍，然后缩小一倍

.box{
  width: 60px; 
  height: 40px;
  line-height: 40px;
  font-size: 30px;
  text-align: center;
  transform: scale(0.5);
}