rem佈局,使用手機端,pc大屏 親測好用

2022-09-23 08:17:05 字數 509 閱讀 2195

1

var docel =document.documentelement,2//

當裝置的方向變化(裝置橫向持或縱向持)此事件被觸發。繫結此事件時,3//

注意現在當瀏覽器不支援orientationchange事件的時候我們繫結了resize 事件。4//

總來的來就是監聽當前視窗的變化,一旦有變化就需要重新設定根字型的值

5 resizeevt = 'orientationchange' in window ? 'orientationchange' : 'resize',

6 recalc = function

() ;

1011

//繫結瀏覽器縮放與載入時間

12 window.addeventlistener(resizeevt, recalc, false

);13 document.addeventlistener('domcontentloaded', recalc, false);