關(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)手試試吧！
開啟了相對(duì)路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對(duì)路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟(jì)南建站手術(shù)移動(dòng)護(hù)理系統(tǒng)詳細(xì)流程(千佛山醫(yī)院版）")
開啟了相對(duì)路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對(duì)路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟(jì)南建站手術(shù)移動(dòng)護(hù)理系統(tǒng)")
開啟了相對(duì)路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對(duì)路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟(jì)南建站紅寶書智慧黨建平臺(tái)")
