問題
使用rem布局經(jīng)常遇到文字垂直居中的場景脯倒，文字垂直居中的實(shí)現(xiàn)一般是設(shè)置相同的height和line-height，但是實(shí)際測試發(fā)現(xiàn)在顯示上會出現(xiàn)一些差異捺氢，不能很好的垂直居中藻丢。pc上模擬器模擬出來的是垂直居中的沒錯，但是在實(shí)際手機(jī)中摄乒，手機(jī)渲染出來就是會偏上一些悠反。
產(chǎn)生問題原因：
網(wǎng)上看到的解釋：
1.每種瀏覽器對line-height
渲染程度都不一樣，不僅僅是line-height
馍佑，其實(shí)平時寫垂直居中這種布局的時候斋否，不管用postion
還是box
布局，都不能且不可能在所有機(jī)器上絕對居中拭荤。
2.12px以下顯示問題 可以采用先整體放大如叼，再用css3縮小的方式解決
解決方案
兼容的方法就是不要設(shè)置height，line-height設(shè)置為1穷劈，用padding值上下相等來保持垂直居中。
或者調(diào)整增大font-size踊沸，避免12px一下顯示問題(測試過確實(shí)可以實(shí)現(xiàn))歇终，可以參考12px一下字體顯示解決方案
