關于移動端布局使用哪種單位，每個人都有自己習慣使用的單位。單位的使用是開發者比較頭疼的一部分，很多人在談到寫移動端頁面的時候，都覺得很惱火。因為要寫n套css樣式，然后用媒體查詢做適配。
部分前端開發者會使用rem單位配合媒體查詢來實現頁面布局，但是也有很多開發者朋友用js來實現，下面就講解一下用js如何實現這一效果。
首先要獲取屏幕的寬度，然后根據屏幕大小的不同設置根節點的字體大小。
這樣用屏幕的寬分成16份就得出每份是多少了，如果是320像素下的寬除以16就等于20，也就是1rem=20px；如果是414像素下的除以16，就是1rem=25.875px；每個屏幕尺寸不同的情況下rem都有所不同，這樣就達到了適配的效果。明白的小伙伴就趕快動手試試吧！
上一篇： web前端入門必讀，web前端怎么入門
