H5页面响应适配

多适应布局

为了实现一套页面能够兼任多端适应友好显示，通常开发前都会根据项目需求来确认好页面的布局方式。

```

// js来监听视口的变化 来修改根元素(html)的大小
!(function(doc, win) {
var docEle = doc.documentElement,
evt = "onorientationchange" in window ? "orientationchange" : "resize",
fn = function() {
var width = docEle.clientWidth;
width = width < 320 ? 320 : width;
width = width > 640 ? 640 : width;
width && (docEle.style.fontSize = 100 * (width / 640) + "px");
};

win.addEventListener(evt, fn, false);
doc.addEventListener("DOMContentLoaded", fn, false);

}(document, window));
```