問題
使用rem布局經(jīng)常遇到文字垂直居中的場景，文字垂直居中的實(shí)現(xiàn)一般是設(shè)置相同的height和line-height，但是實(shí)際測試發(fā)現(xiàn)在顯示上會出現(xiàn)一些差異，不能很好的垂直居中。pc上模擬器模擬出來的是垂直居中的沒錯(cuò)，但是在實(shí)際手機(jī)中，手機(jī)渲染出來就是會偏上一些。
產(chǎn)生問題原因：

網(wǎng)上看到的解釋：
1.每種瀏覽器對line-height
渲染程度都不一樣，不僅僅是line-height
，其實(shí)平時(shí)寫垂直居中這種布局的時(shí)候，不管用postion
還是box
布局，都不能且不可能在所有機(jī)器上絕對居中。
2.12px以下顯示問題 可以采用先整體放大，再用css3縮小的方式解決
解決方案
兼容的方法就是不要設(shè)置height，line-height設(shè)置為1，用padding值上下相等來保持垂直居中。

或者調(diào)整增大font-size，避免12px一下顯示問題(測試過確實(shí)可以實(shí)現(xiàn))，可以參考12px一下字體顯示解決方案