解决移动端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;

 

转载于:https://www.cnblogs.com/qdlhj/p/11084162.html