移动前端自适应适配方法总结

所谓前端适配,就是为了让移动设计稿在大部分的移动设备上看起来有一致的展示效果,目前比较流行的方法有两种。一种是强制meta viewport宽度为设计稿宽度,一种是使用rem自适应布局的flexible.js。

flexible.js如何实现rem自适应

flexible.js如何实现rem自适应
flexible.js正是利用rem单位相对根元素的font-size来做计算,而我们需要做的就是根据不同的屏幕算出html的font-size,而页面内的大小单位都根据rem来写,从而实现了自适应。

Rem自适应js之精简版flexible.js

Rem自适应js之精简版flexible.js
rem自适应js代码,根据淘宝的flexible库优化而来的,使用计算方式上比原来的更加方便,添加这段代码在页面中,你就能愉快的使用rem实现自适应了。

flexible.js 布局详解

flexible.js 布局详解
本文讲的通过flexible.js实现了rem自适应,有了flexible.js,我们就不必再为移动端各种设备兼容烦恼,flexible.js是如何通过rem实现自适应的呢?