文章詳情頁
javascript - 關(guān)于移動端自適應(yīng)的疑問
瀏覽：225日期：2022-12-12 09:28:53
問題描述
目前有一個公眾號的項目，需要做到移動端自適應(yīng)布局，請教下完美的解決方案
自己測試了flexible.js，布局可以達(dá)到要求，但是字體怎么搞，dpr只有三種，不能滿足這么多的安卓機型啊，網(wǎng)上查了很多，發(fā)現(xiàn)有的是直接用rem做字體單位，但這樣字體顯示效果不好。
請問有沒有完美的解決辦法啊？
問題解答
回答1：因為Android設(shè)備的兼容問題太過復(fù)雜，Android Pad 和 中興 等國產(chǎn) Android 機有很多奇葩的BUG，比如：
viewport content 的寫法要兼容各種奇葩 Android 設(shè)備，兼容測試的成本很高
故統(tǒng)一對 Android 設(shè)備進(jìn)行 dpr = 1 處理。
目前我的解決方案也是使用淘寶的flexible.js，很強大的！
可以參考：https://www.zhihu.com/questio...https://github.com/amfe/artic...
回答2：移動端沒有做過，我做的是響應(yīng)式 用REM，需要在body設(shè)置font-size：62.5%；放在移動端字體也有很好的體驗：）
標(biāo)簽：
JavaScript
上一條：javascript - 一個字符串轉(zhuǎn)換成數(shù)字,例子就是a="2,322.222",b=’1,211.21’,如何在angualr中執(zhí)行相減下一條：javascript - js怎么獲取textarea自動換行行數(shù)？
相關(guān)文章：
1. macos - 如何徹底刪除mac自帶的apache和php2. javascript - sublime快鍵鍵問題3. docker 17.03 怎么配置 registry mirror ?4. DADB.class.php文件的代碼怎么寫5. javascript - immutable配合react提升性能？6. css - 寫頁面遇到個布局問題，求大佬們幫解答，在線等，急！~7. mysql事務(wù)回滾定位8. javascript - html5多個label中其中一個觸發(fā)change，如何判斷是哪一個出發(fā)了change9. 實現(xiàn)bing搜索工具urlAPI提交10. css - 移動端字體設(shè)置問題
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備