解決移動端line-height不居中問題

問題：在移動端中使用line-height=height實現文字垂直居中時，在安卓手機會發現文字偏上！

解決：

1、利用flex布局中的垂直居中屬性實現垂直居中,父元素設置

display:flex;
height:1rem;
align-items: center;

 子元素

 transform: scale(0.5);
  transform-origin: left center;

2、不直接設置line-height=height，而是設置 

line-height:normal; 
padding:10px 0;