【angularjs】使用ionic+angular 搭建移動端項目，字體適配

解析：

　　　　首先，rem是以html爲基準。

　　　　通常的，各大主流瀏覽器的font-size默認值爲16px,此時1rem=16px。若是此時將rem與px進行換算很麻煩，好比0.75rem=12px。

　　　　爲了更方便的進行換算（好比1：10），就能夠加樣式：

　　　　html,body{
  　　　　font-size: 62.5%;  
　　　　}

　　　　設置了62.5%之後就有 1rem=10px，便於用rem指定元素的尺寸（好比1.2rem=12px,1.4rem=14px），這樣響應式的時候就能夠直接改變font-size而無需計算其餘各類樣式中出現的尺寸了。

　　　　用rem定義尺寸的另外一個好處是更能適應 縮放／瀏覽。

　　　　至於選擇62.5%而非10px的緣由，主要是兼容性和將來發展趨勢的綜合考慮，px這個單位的含義已經愈來愈混亂，幾乎沒法評估之後的設備是會一直像如今這樣對網頁上的px作兼容處理，仍是讓px迴歸「像素」的本意，

　　但62.5%表明默認字體尺寸的62.5%這個含義基本不會有混亂。

應用：　

　　html,body{
  　　　font-size: 62.5%;  
　　}

 ps:實際項目中uI給的設計圖爲二倍圖，計算規則： 設計圖尺寸/20 

 拓展：移動端的設計圖爲何是二倍圖？

　　網頁設計圖紙設計的是：物理像素，即：屏幕實際的像素點；

　　移動端顯示的是：邏輯像素，即：手機屏幕能夠現實的像素點。

　　例如：iPhone6 採用了 750*1334 分辨率的屏幕，邏輯像素是375*667。

 

做者：smile.轉角

QQ：493177502