javascript - 关于移动端自适应的疑问

问题描述

问 题

目前有一个公众号的项目，需要做到移动端自适应布局，请教下完美的解决方案

自己测试了flexible.js，布局可以达到要求，但是字体怎么搞，dpr只有三种，不能满足这么多的安卓机型啊，网上查了很多，发现有的是直接用rem做字体单位，但这样字体显示效果不好。

请问有没有完美的解决办法啊？

解决方案

因为Android设备的兼容问题太过复杂，Android Pad 和 中兴 等国产 Android 机有很多奇葩的BUG，比如：

    viewport content 的写法要兼容各种奇葩 Android 设备，兼容测试的成本很高

故统一对 Android 设备进行 dpr = 1 处理。

目前我的解决方案也是使用淘宝的flexible.js，很强大的！

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

这篇关于javascript - 关于移动端自适应的疑问的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！