文章詳情頁
javascript - 關于移動端自適應的疑問
瀏覽:128日期:2022-12-12 09:28:53
問題描述
目前有一個公眾號的項目,需要做到移動端自適應布局,請教下完美的解決方案
自己測試了flexible.js,布局可以達到要求,但是字體怎么搞,dpr只有三種,不能滿足這么多的安卓機型啊,網上查了很多,發現有的是直接用rem做字體單位,但這樣字體顯示效果不好。
請問有沒有完美的解決辦法啊?
問題解答
回答1:因為Android設備的兼容問題太過復雜,Android Pad 和 中興 等國產 Android 機有很多奇葩的BUG,比如:
viewport content 的寫法要兼容各種奇葩 Android 設備,兼容測試的成本很高
故統一對 Android 設備進行 dpr = 1 處理。
目前我的解決方案也是使用淘寶的flexible.js,很強大的!
可以參考:https://www.zhihu.com/questio...https://github.com/amfe/artic...
回答2:移動端沒有做過,我做的是響應式 用REM,需要在body設置font-size:62.5%;放在移動端字體也有很好的體驗:)
標簽:
JavaScript
上一條:javascript - 一個字符串轉換成數字,例子就是a="2,322.222",b=’1,211.21’,如何在angualr中執行相減下一條:javascript - js怎么獲取textarea自動換行行數?
相關文章:
1. javascript - 在靜態頁面上用load 引入的頁面文件問題?2. javascript - webpack打包后的bundlejs文件代碼不知道什么意思.3. android - RxJavar用什么操作符可以使數據每隔一段時間取出一個4. Android的webView如何實現網頁 錄音功能?5. java - oracle對漢字字段按照拼音排序的函數和sql語句是什么?6. css - 關于ul的布局7. css - 如何使用 vue transition 實現 ios 按鈕一樣的平滑切換效果8. Java游戲服務器開發和網站、app服務端的開發都差不多的嗎???實現的思路和方法9. javascript - vue組件通過eventBus通信時,報錯a.$on is not a function10. html - 哪些情況下float會失效?
排行榜
