Android系统Web字体/行高异常解决
相信做前端开发的朋友很多时候会遇到这样的问题，设置行高来达到文本垂直居中的目的，但移动端会遇到略偏上或者偏下，通常情况下轻微的偏移可能出现于设备像素密度、容器高度、字体大小等原因，比如30px容器内放15px文字，就做不到完全居中，这个不在今天问题范围，不再赘述。
今天的问题其实算是旧事重提，遇到这个问题，最初是在2015年了，当时团队其他同事做混合app有类似问题，同事最终似乎是采用padding的形式取代了行高，但实际上这个还会引起一些问题，主要是Android系统设置字体后，WebView内字体大小深圳和字体相关的属性都受到影响。
在去年4月份曾写过一篇文章《QQ内置浏览器下网页行高、字体大小显示异常解决》，但是当时只注意到Android系统下手机QQ内嵌的浏览器，直至后期做自己的Android App使用WebView内嵌网页，也发现了同样的问题，经过翻阅网上资料案例，发现近期挺多类似文章和提问，主要原因是Android系统多使用sp作为单位，会根据用户设置缩放字体。
常规的解决方法主要有以下两种 查看更多...
QQ内置浏览器下网页行高、字体大小显示异常解决
最近手机端测移动网页，偶然发现，iOS下访问都正常的页面，Android下微信内嵌浏览器、自带浏览器等都正常，唯独手机QQ内嵌浏览器下显示略不正常，比如设置了16px字体，看起来明显没有16px，而网页部分元素是由行高撑起的，没有固定高度。于是，正常的页面在QQ内嵌浏览器中显示出现没有垂直居中、元素高度缩小等。
一开始以为是兼容问题，简单搜了下，只有看到知乎上有人问类似问题，感觉有点不可思议，感觉这么"大"的问题不可能没人发现，于是就怀疑自己的写法是否有问题，首先打开页面时，在界面上打出某元素的font-size，结果，和设置的值14px相差甚远，算了一下，只有设置像素的79%。 查看更多...
