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

上篇文章《淘宝弹性布局方案lib-flexible实践》结合一个简单的实例，说明了lib-flexible的基本用法，但是lib-flexible的这种适配方式在适配的时候会修改viewport的initial-scale，导致viewport的width不等于device width ...

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

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

如果不引入插件的话：ui稿的px转化成rem需自己计算 根据设计稿我们需要自己计算元素的rem（假如我们将html根元素font-size设置为41.4px）； 那么1rem=41.4px; ui稿 ...

1.引入lib-flexible 在main.js中引入lib-flexible lib-flexible会自动在htmlhead中添加meta标签，同时会自动设置html的font-size为屏幕宽度的1/10。 由于每次都需要手动计算rem效率低，且易出错 ...

1，安装 flexible和 postcss-px2rem（命令行安装） 简要介绍这两个包的用途： flexible会为页面根据屏幕自动添加<meta name='viewport' >标签，动态控制initial-scale，maximum-scale ...

1，安装 flexible和 postcss-px2rem（命令行安装） 简要介绍这两个包的用途： flexible会为页面根据屏幕自动添加<meta name='viewport' >标签，动态控制initial-scale，maximum-scale ...