問(wèn)題描述

目前有一個(gè)公眾號(hào)的項(xiàng)目，需要做到移動(dòng)端自適應(yīng)布局，請(qǐng)教下完美的解決方案

自己測(cè)試了flexible.js，布局可以達(dá)到要求，但是字體怎么搞，dpr只有三種，不能滿足這么多的安卓機(jī)型啊，網(wǎng)上查了很多，發(fā)現(xiàn)有的是直接用rem做字體單位，但這樣字體顯示效果不好。

請(qǐng)問(wèn)有沒(méi)有完美的解決辦法啊？

問(wèn)題解答

因?yàn)锳ndroid設(shè)備的兼容問(wèn)題太過(guò)復(fù)雜，Android Pad 和 中興 等國(guó)產(chǎn) Android 機(jī)有很多奇葩的BUG，比如：

viewport content 的寫(xiě)法要兼容各種奇葩 Android 設(shè)備，兼容測(cè)試的成本很高

故統(tǒng)一對(duì) Android 設(shè)備進(jìn)行 dpr = 1 處理。

目前我的解決方案也是使用淘寶的flexible.js，很強(qiáng)大的！

可以參考：https://www.zhihu.com/questio...https://github.com/amfe/artic...

移動(dòng)端沒(méi)有做過(guò)，我做的是響應(yīng)式 用REM，需要在body設(shè)置font-size：62.5%；放在移動(dòng)端字體也有很好的體驗(yàn)：）