一、安裝px2rem插件
瀏覽器默認1rem = 16px,在這里可以修改默認值為100,以Phone 6/7/8 尺寸作為參照，原因在步驟二中。
二、在根元素中設置font-size
參照iPhone 6/7/8 尺寸，寬度為375px，給出計算公式：calc(100vw/3.75)。
因為 1vw = 1/100*視口寬度，所以：視口寬度 = 100 vw;
使用iPhone 6/7/8時，視圖寬度為375px，即100 vw = 375px; 帶入calc計算公式中，得 font-size:100px，即1rem = 100px。
使用iPhone 6/7/8 Plus時，視圖寬度為414px，即100vw = 414px；帶入calc計算公式中，得 fon-size:110.4px，即1rem = 110.4px。
這就實現了根元素的字體大小隨着不同移動設備尺寸的變化而改變。
UI設計圖一般以iPhone 6/7/8為參照，寬度為375px，假如某設計頁面中一個div的寬度為48px，因為在 px2rem工具中，我們設置了1rem=100px，所以該div的寬度用rem表示為0.48rem。
若放在iPhone 6/7/8 Plus中，由於視口寬度 變大了，根據公式得出1rem的值為110.4px，所以該div寬度為0.48rem*110.4px = 52.992px。
實現了某div元素的寬度隨着移動設備寬度的變大而變大。
三、根據設計圖添加每個盒子寬高，並用rem 單位表示（參照iPhone 6/7/8的設計搞）
