移动端rem布局base样式文件

@charset "utf-8";
/*from boloni*/
/*重置公共样式*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:62.5%;}
body,ul,ol,p{margin:0; padding:0;}
body{font-family:"helvetica neue", helvetica, STHeiTi, roboto, "droid sans", arial; -webkit-user-select:none;user-select:none;font-size:1.6rem}
h1,h2,h3,h4{font-size:100%; font-weight:400;}
ul,ol{list-style-type:none;list-style-image: none;}
input{-webkit-appearance: none;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:active,a:focus{outline:0 none;}
a,img{-webkit-touch-callout:none;}

/*基础样式*/
html,body{width:100%; height:100%;}
.page{position:absolute; width:100%; height:100%; overflow:hidden;}

/*各个尺寸rem大小设置*/
@media (min-width: 320px) and (max-width: 359px){html {font-size: 62.5%;}}
@media (min-width: 360px) and (max-width: 374px){html {font-size: 70.3125%;}}
@media (min-width: 375px) and (max-width: 383px){html {font-size: 73.24218%;}}
@media (min-width: 384px) and (max-width: 399px){html {font-size: 75%;}}
@media (min-width: 400px) and (max-width: 413px){html {font-size: 78.125%;}}
@media (min-width: 414px) and (max-width: 423px){html {font-size: 80.85937%;}}
@media (min-width: 424px) and (max-width: 639px){html {font-size: 82.8125%;}}
@media (min-width: 640px){html {font-size: 125%;}}