o(╥﹏╥)o。。。。
做了一個項目 包含pc端和手機端,手機端要自適應,用了淘寶的小插件flexible.js,然後頁面的縮放出現了問題,算出來的dpr都是對的,但是字體大小始終不對,(現在這個圖是對的,錯的我沒保存,我的設計稿是750的,所以1rem=75px)
找了半天看了插件的源碼才發現問題,就是這最關鍵的一句啊,我之前一直以爲這個插件是獲取的設備視口的寬度,其實不是,
翻了一下這個方法的解釋,是獲取這個元素css邊框集合,所以其實這裏獲取的是html的寬度。
然而我之前在代碼裏,給html設置了最小寬度是1000px,所以適配出來的比例始終不對,然後我在手機端又設置了最大寬度是750px,在iPhone6plus上又撐不滿,因爲在plus上其實寬度是一千兩百多,而我設置的html最大的寬度是750px,所以這個縮放一直不正確o(╥﹏╥)o。。。。找了好久,總之就是因爲給html設置了寬度影響的