rem佈局由於其根據螢幕寬度的改變修改相應的rem與px的轉換比例，這樣非常適合移動端的專案。

在不同的解析度下，都會有較好的顯示效果。

在使用rem佈局的時候需要引入flexible.js。

js會根據螢幕的寬度計算html的根字型大小

在vue專案中只需要安裝raziel-flex模組引用就行

安裝方法

npm install raziel-flex

引用方法（在main.js中引用）

import flex from 'raziel-flex'
 
flex(600); //傳入值為頁面變化最大寬（px）

ps：

      引用時會需要傳入一個引數，佈局變化的最大寬，當大於這個值時模組便不再修改html根字型的大小。

      模組修改的根字型的大小等於螢幕寬度除以10；

      vacode編輯器安裝remcss外掛使用時更方便。