關(guān)于移動(dòng)端布局使用哪種單位，每個(gè)人都有自己習(xí)慣使用的單位。單位的使用是開發(fā)者比較頭疼的一部分，很多人在談到寫移動(dòng)端頁(yè)面的時(shí)候，都覺得很惱火。因?yàn)橐獙憂套css樣式，然后用媒體查詢做適配。
部分前端開發(fā)者會(huì)使用rem單位配合媒體查詢來(lái)實(shí)現(xiàn)頁(yè)面布局，但是也有很多開發(fā)者朋友用js來(lái)實(shí)現(xiàn)，下面就講解一下用js如何實(shí)現(xiàn)這一效果。
首先要獲取屏幕的寬度，然后根據(jù)屏幕大小的不同設(shè)置根節(jié)點(diǎn)的字體大小。
這樣用屏幕的寬分成16份就得出每份是多少了，如果是320像素下的寬除以16就等于20，也就是1rem=20px；如果是414像素下的除以16，就是1rem=25.875px；每個(gè)屏幕尺寸不同的情況下rem都有所不同，這樣就達(dá)到了適配的效果。明白的小伙伴就趕快動(dòng)手試試吧！
