使用line-height垂直居中時，發現在ios上顯示很正常，但是在安卓機上顯示不居中偏上，大約會往上移2px左右，使用者體驗差。
網上說需要字型大小大於 12px 才能夠正常居中，且無小數點的整數，並且還要字型大小為偶數，即：
但現在越來越多的移動介面使用rem適配，不僅可能是奇數還可能不是整數。
常用思路：
1.把字型大小內外邊距等設定為需求大小的2倍，使用transform進行縮放。只能針對 單個或者是一排的布局進行縮放，如果是父級自適應高度且可展示多行的，使用transform是有問題的。因為transform縮放是不影響頁面布局的。
2.把字型大小內外邊距等設定為需求大小的2倍，使用zoom進行縮放，可以完美解決。
3.把line-height設定為0，使用padding值把元素撐開，說是可以完美解決（經過測試，沒有用的！）。
常用方案如下：
方案一：先放大兩倍設定，再用 scale 縮小一倍顯示
.content.container
.content
此方案在移動上，整體高度不能太小，否則沒效果，特別是rem，換算成px的時候，可能存在小數點，即存在盈虧劃分。
移動端 移動端頁面適配方案
這是mdn上的解釋 這個單位代表根元素的 font size 大小 例如 元素的font size 當用在根元素的font size上面時 它代表了它的初始值 也就是說，rem單位取值的大小和根元素html的font size取值直接相關。它跟html元素之間得關係為 html的fontsize值 ...
pc端適配移動端
1.允許網頁寬度自動調整在網頁 的頭部，加入一行viewport元標籤所有主流瀏覽器都支援這個設定，包括ie9。對於那些老式瀏覽器 主要是ie6 7 8 需要使用css3 mediaqueries.js2.不使用絕對寬度由於網頁會根據螢幕寬度調整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬...
移動端布局
預設以寬度為640px的設計稿為基準頁面，然後通過js獲取當前顯示裝置的尺寸，對應的調整 html 標籤的font size大小，從而實現通過以rem為單位的移動端布局適配。function win,doc function layoutcalc html.style.fontsize rem px...