H5适配

下图做好各种版本手机的适配(h5设计稿为750px)：

 @media screen and (max-width: 319px) {
 html {
 font-size: 85.33333px;
 }
 }
 
 
@media screen and (min-width: 320px) and (max-width: 359px) {
 html {
 font-size: 85.33333px;
 }
 }
 
 
@media screen and (min-width: 360px) and (max-width: 374px) {
 html {
 font-size: 96px;
 }
 }
 
 
@media screen and (min-width: 375px) and (max-width: 383px) {
 html {
 font-size: 100px;
 }
 }
 
 
@media screen and (min-width: 384px) and (max-width: 399px) {
 html {
 font-size: 102.4px;
 }
 }
 
 
@media screen and (min-width: 400px) and (max-width: 413px) {
 html {
 font-size: 106.66667px;
 }
 }
 
 
@media screen and (min-width: 414px) {
 html {
 font-size: 110.4px;
 }
 }
 

H5页面要求：
1.h5页面长宽高和间距，原则上使用rem作为单位；
2.原页面上如果是px为单位的，以200px = 1rem ；
以下情况为特例：
a.因为background对rem支持的偏差，所以使用background的标签，高宽依旧使用px
不过值减半，图大小减半，例子：

    旧版：

 i {
 background: url(../img/..) no-repeat;
 display: inline-block;
 height: 40px;
 vertical-align: middle;
 width: 138px;
 }
 

新版：

 i {
 background: url(../img/..) no-repeat;
 -webkit-background-size: 69px 20px;
 background-size: 69px 20px;
 display: inline-block;
 height: 20px;
 vertical-align: middle;
 width: 69px;
 }
 

b.如果原字体使用的也是rem，则值除以20，例子：
旧版：

font-size: 2.8rem;

新版：

font-size: 0.14rem;

c.图片排列的，尽量使用百分比来保证列数。