原文链接：http://caibaojian.com/flexible-js.html 本文讲的通过flexible.js实现了rem自适应，有了flexible.js，我们就不必再为移动端各种设备兼容烦恼，flexible.js是如何通过rem实现自适应的呢？一起来看看：· 通过rem与px ...

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

一、简介 flexbox：全称Flexible Box, 弹性盒子布局。可以简单实现各种伸缩性的设计，它是由伸缩容器和伸缩项目组成。任何一个元素都可以指定为flexbox布局。这种新的布局方案在2009年是由W3C组织提出来的，在此之前，Web开发一般使用基于盒子模型的传统页面布局，依赖定位属性 ...

从WeUI学习到的知识点 WeUI是微信Web服务开发的UI套件, 目前包含12个模块 (Button, Cell, Toast, Dialog, Progress, Msg, Article, ActionSheet, Icons, Panel, Tab ...

2个月前，写过一篇文章《从网易与淘宝的font-size思考前端设计稿与工作流》总结过一些移动web中有关手机适配的一些思路，当时也是因为工作的关系分析了下网易跟淘宝的移动页面，最后才有那篇文章的总结 ...

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

rem的原理： 根据html font-size值而定 插件来进行html的font-size的值的改变。 适应插件 flexible.js 进行适配 步骤： 1：先把html自身所带的控制视口的meta标签 ...

阿里团队开源的一个库。flexible.js，主要是实现在各种不同的移动端界面实现一稿搞定所有的设备兼容自适应问题。 实现方法： 通过JS来调整html的字体大小，而在页面中的制作稿则统一使用rem这个单位来制作。关键代码如下： 从上面的代码，主要是改变了dpx和document ...