自适应
postMessage iframe跨域解决高度自适应
postMessage是html5引入的API,postMessage()方法允许来自不同源的脚本采用异步方式进行有效的通信,可以实现跨文本文档,多窗口,跨域消息传递.多用于窗口间数据通信,这也使它成为跨域通信的一种有效的解决方案.
移动前端自适应适配方法总结
所谓前端适配，就是为了让移动设计稿在大部分的移动设备上看起来有一致的展示效果，目前比较流行的方法有两种。一种是强制meta viewport宽度为设计稿宽度，一种是使用rem自适应布局的flexible.js。
纯CSS3使用vw和vh视口单位实现自适应
vw : 1vw 等于视口宽度的1%，vh : 1vh 等于视口高度的1%。本文介绍纯CSS视口单位vw和vh来自行自适应，虽然现在的兼容性还没法完全能够接受，但不妨碍你认识这个vw和vh的强大。
认识视口单位vm、vh在网页中的排版应用
由于视口单位涉及到计算，有一段时间我是抵制在工作使用视口单位。但就在上周，我克服了心中的抵制情绪，开始去了解视口单位在网页排版中的使用。在深入介绍视口单位以及其在网页排版中的工作原理时，先了解下有哪些常见的视口单位。
使用VH和VW实现真正的流体排版
视口（viewport）单位，使流体排版在页面上应用变为可能。视口单位是根据浏览器的视口尺寸的百分比来定义的。举个例子，1视口宽度（vw）等于视口宽度的1%，它不同于百分比的地方是，它的宽度是依赖于视口的宽度的，而百分比是元素的祖先元素来决定的。
rem与em的使用和区别详解
rem 和 em 单位是由浏览器基于你的设计中的字体大小计算得到的像素值。em 单位基于使用他们的元素的字体大小。rem 单位基于 html 元素的字体大小。em 单位可能受任何继承的父元素字体大小影响。rem 单位可以从浏览器字体设置中继承字体大小。
flexible.js如何实现rem自适应
flexible.js正是利用rem单位相对根元素的font-size来做计算，而我们需要做的就是根据不同的屏幕算出html的font-size，而页面内的大小单位都根据rem来写，从而实现了自适应。
rem自适应布局的回顾总结
使用rem实现自适应布局，应该算是当前移动前端的一大趋势，有些人对此还有点迷惑，搞不懂rem是如何实现自适应布局，如何根据设计稿来调整rem的值？rem布局如何用雪碧背景图片？rem一定要加载js吗？rem的根html font-size设置为多少合适？看看这篇文章，也许能帮到你。
Rem自适应js之精简版flexible.js
rem自适应js代码，根据淘宝的flexible库优化而来的，使用计算方式上比原来的更加方便，添加这段代码在页面中，你就能愉快的使用rem实现自适应了。
移动端自适应方案
本文来自大搜车博客：移动端自适应方案，主要讲：1.移动真的需要动态生成viewport吗？2.移动前端如何自适应？作者给出主观的最佳实践：最帅的flex。演示地址。里面讲了一些互联网公司的自适应做法，可以看看。 研究样本 手淘 ml.js ...