淘宝flexible.js的使用
首先大家最关注的怎么使用，原理不原理是后面的事 比如设计稿量来的宽度是100px 那么我们布局的时候，就这么写{width:1.3333rem}，1.3333rem是由100/75算出来的，以此类推200px，就是{width: 2.6667} ，2.6667是由200/75计算 ...
原文：flexible.js 淘宝弹性布局方案
本文的内容就是介绍淘宝弹性布局方案lib flexible实践， 原理是通过js事实的检测屏幕的大小并改变html标签的字体大小，再结合rem的特性来完成页面的自适应。下面是flexible作者的说明。 https: github.com amfe article issues 分享给大家供大家参考，具体内容如下 . 页面需求 这是要做的页面效果 不要对设计置评，这不是开发人员决定的 ： 这是尺 ...
2016-01-26 10:28 0 3684 推荐指数：
相关推荐
flexible.js 布局详解
原文链接：http://caibaojian.com/flexible-js.html 本文讲的通过flexible.js实现了rem自适应，有了flexible.js，我们就不必再为移动端各种设备兼容烦恼，flexible.js是如何通过rem实现自适应的呢？一起来看看：· 通过rem与px ...
基于淘宝弹性布局方案lib-flexible的问题研究
上篇文章《淘宝弹性布局方案lib-flexible实践》结合一个简单的实例，说明了lib-flexible的基本用法，但是lib-flexible的这种适配方式在适配的时候会修改viewport的initial-scale，导致viewport的width不等于device width ...
淘宝弹性布局方案lib-flexible实践
2个月前，写过一篇文章《从网易与淘宝的font-size思考前端设计稿与工作流》总结过一些移动web中有关手机适配的一些思路，当时也是因为工作的关系分析了下网易跟淘宝的移动页面，最后才有那篇文章的总结，可惜的是因为项目的关系，这两个月来几乎没有机会做移动类项目的工作，所以那些理论一直没有得到真正 ...
flexible.js 移动端自适应方案及flex布局原理
flexible.js 移动端自适应方案 一，flexible.js 的使用方式： github地址：https://github.com/amfe/lib-flexible官方文档地址：https://github.com/amfe/article/issues/17本文中有部分内容引至上 ...
flexible.js
移动端适配方案 flexible.js 目录 1、什么是flexible.js 2、使用方式（这是阿里的CDN，如果其他链接一样可以） 3、如果不用CDN用源码也可，其包含一个.css文件和.js文件（文件直接引入） 4、flexible.js 做的三件事 5、重点重点 ...
flexible.js使用
页面引入关键文件 flexible.js是淘宝前段开发的框架： github地址：https://github.com/amfe/lib-flexible 在项目中我们一般使用的是2个js文件： flexible_css.debug.js: 是处理css ...
flexible.js插件的使用及网格布局
rem的原理： 根据html font-size值而定 插件来进行html的font-size的值的改变。 适应插件 flexible.js 进行适配 步骤： 1：先把html自身所带的控制视口的meta标签 ...