使用淘宝 flexible.js / amfe-flexible.js 的 Rem 解决方案部分手机适配不了问题

使用淘宝 flexible.js / amfe-flexible.jsRem 解决方案部分手机会出现适配不了问题。网上已经有了解决方案,但很多人并不知道是什么原因导致的。导致此问题的出现主要是用户的手机使用了自定义的字体,导致我们动态设置 html 根元素的 font-size 的值后,与实际的效果 font-size 值不一致。为什么呢?因为某些自定义的字体,假如你设置根元素的 font-size41.4px,但其实这种字体是偏大的,结果其实际在页面上看到的效果可能是 42px。这样就会导致:假如页面屏宽为 414px ,但我们设置页面宽度为的 10rem420px,页面效果就是会偏大, 继续阅读