一. H5屏幕適配
1. 原理：監聽屏幕寬度，動態改變html的根節點font-size
2. 換算：font-size的px 相當於 1rem
3. 缺陷：只能做到寬度布局會一樣，但是高度布局也相同但由於不同手機比例不同可能會超出屏幕范圍，高度做可滾動
4. 注意：高度布局要從上往下布局，不然可能出問題
5. 主流做法是屏幕寬度除以10，目前項目是屏幕寬度除以20且屏幕寬度大於750不處理適配
注意：還可以用vh和vw做屏幕適配：1vh代表視圖高度1%，感覺這樣很好用啊
二. PC適配
1. 原理：台式機1920寬，筆記本1366寬，將需要顯示的頁面居中約1300px，外層div通過margin的auto進行內部內容居中顯示頁面，1300px多余部分由於屏幕不同動態轉變margin達到適配目的。
2. 例圖：隨着屏幕縮小中間不動，兩邊進行收縮
