2个月前，写过一篇文章《从网易与淘宝的font-size思考前端设计稿与工作流》总结过一些移动web中有关手机适配的一些思路，当时也是因为工作的关系分析了下网易跟淘宝的移动页面，最后才有那篇文章的总结，可惜的是因为项目的关系，这两个月来几乎没有机会做移动类项目的工作，所以那些理论一直没有得到真正 ...

2个月前，写过一篇文章《从网易与淘宝的font-size思考前端设计稿与工作流》总结过一些移动web中有关手机适配的一些思路，当时也是因为工作的关系分析了下网易跟淘宝的移动页面，最后才有那篇文章的总结，可惜的是因为项目的关系，这两个月来几乎没有机会做移动类项目的工作，所以那些理论一直没有得到真正 ...

本文的内容就是介绍淘宝弹性布局方案lib-flexible实践， 原理是通过js事实的检测屏幕的大小并改变html标签的字体大小，再结合rem的特性来完成页面的自适应。下面是flexible作者的说明。 https://github.com/amfe/article/issues ...

1.安装lib-flexible npm i lib-flexible --save 2.在项目入口文件main.js中引入lib-flexible import 'lib-flexible/flexible.js' 3.在项目根目录的index.html 头部 ...

lib-flexible是什么？ lib-flexible是一个制作H5适配的开源库，可以点击这里下载相关文件，获取需要的JavaScript和CSS文件。 使用方法 在head标签中引入js文件 也可以使用阿里的CDN： 另外强烈建议对JS做内联处理，在所 ...

前言   相信大多数移动端前端开发者都是用过 lib-flexible来作为移动端适配的解决方案。lib-flexible是淘宝项目组开发出来的一个小插件，属于开源项目，可以在各类项目中引入并使用，为移动端的开发者带来了无穷的便利。   但是，有人提出为什么在屏幕尺寸超出一定分辨率后便不再适配 ...

lib-flexible npm i lib-flexi ...

总结用vue+vue-cli+淘宝lib-flexible做移动端自适应方案： 1.安装淘宝lib-flexible npm install lib-flexible --save 2.在入口文价main.js中引用flexible import ...