从网上搜集了一下，整理下大概有三种
- css3 Media queries (针对多版本设计稿)
- 设计稿不复杂的时候 通过宽度自适应用百分比
- 通过更新meta:viewport标签，通过设计稿尺寸和设备尺寸的比例去设置
优点：
- 简单易懂，不需要JavaScript的支持，跨度大
- 适应能力强，代码量较少
- 适应能力强，针对不同的屏幕基本都可以适应
缺点：
- 代码量冗余，需要针对不同的屏幕尺寸去处理，
- 对设计稿有限制
- 页面比较大的时候，加载显示的时候会重绘（待验证）
@media screen and (max-width: 600px) {
.class {
background: #ccc;
}
}js计算方式
var design = 420,device = document.documentElement.clientWidth;
var bfb = (device/design).toFixed(1);
var atts = "width="+design+", user-scalable=no, initial-scale="+bfb+", maximum-scale="+bfb+", minimum-scale="+bfb
meta.setAttribute("content",atts);