這個uselifecycles是react-use的乙個模仿元件的componentdidmount，和componentwillunmount。也可以利用useeffect(()=>{},)代替，接著就是監聽window的resize事件，然後觸發serremfunc函式。
再看看setremfunc的實現。
然後class上面定義乙個方法，setrem，拿到最新的視窗大小，並計算將值賦予到html,style.fontsize上。這樣就實現乙個適配效果。
用的時候只需要例項出乙個物件即可。
第一次進去需要呼叫一次setremfunc，初始化一下fontsize。
接著用的時候就直接
引入並呼叫即可。
看看效果
可以看到，當我們視窗大小變化時就可以自適應了。
手機端rem如何適配 rem詳解及網頁自適應
什麼是rem 在我看來，rem就是1rem單位就等於html節點fontsize的畫素值。所以改變html節點的fontsize是最為關鍵的一步。根據手機寬度改變相對大小就可以實現自適應了，就不用什麼 查詢那些的。我們的設計圖往往寬度是640或者其他尺寸的，不過我建議是用這個尺寸，以640為基準，以...
Html5移動端網頁端適配 js rem
業務場景 由於需求是適配兩端螢幕，所以剛開始想的css用rem寫，但是還是會出現字型和布局不會等比縮放的情況，後來找到一種js 針對根元素去做的縮放配置，加上rem和這個js的設定就能做到等比縮放。在這裡插入描述 在這裡插入描述 重啟，效果圖 在這裡插入描述 2.新建乙個index.js，把下方 複...
如何使網頁自動適配手機端
網頁自適應手機端的方式有兩種 1.pc端的設計與手機端相差不大，利用 media 查詢 調整百分比 2.pc端與手機端的設計分離，利用判斷裝置的方式做301跳轉 下面就結合源 講一講如何實際實現這兩種方案 第一步 在html 中新增如下 第二步 方案一 設定pc端內容區域width 1100px，新...