問題
設置了text-align 和 line-height屬性 實現(xiàn)水平和垂直方向居中祈争，在iOS端顯示正常居中悬襟。但在Android機型特別是小米手機上僅水平居中惧互，垂直方向上會向上偏移碱呼。
解決方案
網上大佬表示：
- 單純使用CSS是無法解決的：
即使解決了也是一種通過微調來實現(xiàn)的hack方法忽你，因為文字在content-area內部渲染的時候已經偏移了仪或，而css的居中方案都是控制的整個content-area的居中
簡單說就是：文字在渲染時本身就是偏移的确镊。
的確，自己嘗試了
① view中文字包裹text標簽并設置為block屬性范删，用于設置居中布局 —— 不行
② 對view使用flex布局蕾域，設置內部元素水平垂直方向都居中 —— 但無效果
（補充： flex 可用于內部多塊元素之間的布局設置，屬于外部設置到旦。對于塊內文字的布局設置這類內部布局旨巷，使用flex并無效果，即使設置文字的為block屬性）
- 大佬認為導致這個問題的本質原因可能是Android在排版計算的時候參考了primyfont字體的相關屬性（即HHead Ascent添忘、HHead Descent等）采呐，而primyfont的查找是看
font-family里哪個字體在fonts.xml里第一個匹配上，而原生Android下中文字體是沒有family name的搁骑，導致匹配上的始終不是中文字體斧吐，所以解決這個問題就要在font-family里顯式申明中文，或者通過什么方法保證所有字符都fallback到中文字體仲器。
簡單說就是：Android下 對文字的排版方面沒有中文字體煤率，導致渲染出來的不是中文字體。 - 根據(jù)這2個思路乏冀，給出2個解決方案：
① 針對Android 7.0+設備：<html>上設置 lang 屬性：<html lang="zh-cmn-Hans">蝶糯，同時font-family不指定英文，如 font-family: sans-serif 辆沦。這個方法是利用了瀏覽器的字體fallback機制昼捍，讓英文也使用中文字體來展示识虚，blink早期的內核在fallback機制上存在問題，Android 7.0+才能ok端三，早期的內核下會導致英文fallback到Noto Sans Myanmar舷礼，這個字體非常丑鹃彻。
② 針對MIUI 8.0+設備：設置 font-family: miui 郊闯。這個方案就是顯式申明中文的方案，MIUI在8.0+上內置了小米蘭亭蛛株，同時在fonts.xml里給這個字體指定了family name：miui团赁，所以我們可以直接設置。
通過上述谨履，自己嘗試了下
- HTML部分自己設置是 <html lang="zh-CN”>欢摄，說明HTML 的lang只要是 zh的大類就行
- font-family 我原本設置的PingFang-SC-Regular, PingFang-SC，發(fā)現(xiàn)在IOS和三星手機上顯示還OK笋粟，不過在小米手機上 字體偏上比較明顯
( 個人覺得怀挠，line-height屬性在Android 顯示會偏上問題，原因是
① 字體類型不是中文
② 小米手機中文類型需要特別處理害捕，font-family: miui
PS：后來又嘗試使用flex布局 控制居中绿淋，發(fā)現(xiàn)在iOS和Android上顯示正常居中了，不清楚是否是小程序后來實現(xiàn)了兼容尝盼。
