手機端自適應遇到的問題 頁面縮放不正常(使用的是flexible.js)

o(╥﹏╥)o。。。。

做了一個項目  包含pc端和手機端,手機端要自適應,用了淘寶的小插件flexible.js,然後頁面的縮放出現了問題,算出來的dpr都是對的,但是字體大小始終不對,(現在這個圖是對的,錯的我沒保存,我的設計稿是750的,所以1rem=75px)

找了半天看了插件的源碼才發現問題,就是這最關鍵的一句啊,我之前一直以爲這個插件是獲取的設備視口的寬度,其實不是,

翻了一下這個方法的解釋,是獲取這個元素css邊框集合,所以其實這裏獲取的是html的寬度。

然而我之前在代碼裏,給html設置了最小寬度是1000px,所以適配出來的比例始終不對,然後我在手機端又設置了最大寬度是750px,在iPhone6plus上又撐不滿,因爲在plus上其實寬度是一千兩百多,而我設置的html最大的寬度是750px,所以這個縮放一直不正確o(╥﹏╥)o。。。。找了好久,總之就是因爲給html設置了寬度影響的

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章