-----------------【此插件注意事項：寫在html里的css樣式px是轉換不了rem的，還有類似h1,h6這些原生。可做事后調整】
1.安裝 flexible和 postcss-px2rem【一起安裝】
npm i lib-flexible postcss-px2rem --save
2.flexible和 postcss-px2rem作用
【flexible會為頁面根據屏幕自動添加標簽，動態控制initial-scale，maximum-scale，minimum-scale等屬性的值 ===>設備縮放比】
【postcss-px2rem會將px轉換為rem，rem單位用於適配不同寬度的屏幕，根據標簽的font-size值來計算出結果。】
--------------- 以通過【監聽窗口變化】達到想要的絕大部分自適應效果。
獲取窗口寬度：document.body.clientWidth
監聽窗口變化：window.onresize
同時回顧一下JS里這些方法：
網頁可見區域寬：document.body.clientWidth
網頁可見區域高：document.body.clientHeight
網頁可見區域寬：document.body.offsetWidth (包括邊線的寬)
網頁可見區域高：document.body.offsetHeight (包括邊線的寬)