最近做的一个页面,活不多所以对细节稍微追究了点,碰到个奇怪的问题,上图
上图(左 iphone 6/ios 10.0 ,右 Nexus 6p/Android 7.0/Chrome 53.0 )

(上边标题没有划出来的地方貌似是 ios -webkit-box 的问题)
几乎所有用 px 单位设置过 line-height 的地方, android 都会不由自主的字会向上偏移大概 2px 左右
然而偶尔调试一下,发现设置成line-height: normal;便全部都正常了
上图(左右均 Android ,使用 chrome inspect )

想问问为什么会这样_(:з」∠)_