淘宝移动端适配

　　移动适配：

YO

Yo

Yo 是基于 Mobile First 的策略而设计，并使用 Sass 开发的 CSS Framework，具备轻量，易用，可配置，强扩展等特性，同时也适应于PC端的高级浏览器。

环境搭建

1. 动态设置viewport的scale

var scale = 1 / devicePixelRatio;
document.querySelector('meta[name="viewport"]').setAttribute('content','initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');

1. 动态计算html的font-size

document.documentElement.style.fontSize = document.documentElement.clientWidth / 10 + 'px';

1. 布局的时候，各元素的css尺寸=设计稿标注尺寸/设计稿横向分辨率/10

2. font-size可能需要额外的媒介查询，并且font-size不使用rem，这一点跟网易是一样的。

Doyoe

Yo
Demo
sass

http://www.kejik.com/article/36278.html