rem布局reset

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%}
ul,li,div,p,body,dl,dt,dd { margin: 0; padding: 0; text-align: left}
input { padding: 0; border-radius: 0}
button,input,select,textarea { font-family: inherit; font-size: 100%; margin: 0; vertical-align: baseline; outline: 0}
button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance: button; cursor: pointer}
button[disabled],input[disabled] { cursor: default}
input[type=checkbox],input[type=radio] { box-sizing: border-box; padding: 0}
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box}
input[type=search]::-webkit-search-decoration { -webkit-appearance: none}
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { height: auto}
li { list-style: none}
a { text-decoration: none; color: #000}
img { vertical-align: top; width: 100%}
.hide { display: none}
body,html { background: #001424; text-align: left; width: 100%; font-family: "Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica-Neue,Helvetica,"BBAlpha Sans",sans-serif; font-weight: 400}
* { -webkit-tap-highlight-color: rgba(14,159,111,0); -webkit-touch-callout: none}
.main { margin: 0 auto; overflow: hidden}
@media only screen and (min-width: 1025px) { .main { max-width:7.5rem }
}
html { font-size: 312.5%}
@media screen and (max-width: 359px) and (orientation:portrait) { html { font-size:266.67% }
}
@media screen and (min-width: 360px) and (max-width:374px) and (orientation:portrait) { html { font-size:300% }
}
@media screen and (min-width: 384px) and (max-width:399px) and (orientation:portrait) { html { font-size:320% }
}
@media screen and (min-width: 400px) and (max-width:413px) and (orientation:portrait) { html { font-size:333.33% }
}
@media screen and (min-width: 414px) and (max-width:431px) and (orientation:portrait) { html { font-size:345% }
}
@media screen and (min-width: 432px) and (max-width:479px) and (orientation:portrait) { html { font-size:360% }
}
@media screen and (min-width: 480px) and (max-width:639px) and (orientation:portrait) { html { font-size:400% }
}
@media screen and (min-width: 640px) and (orientation:portrait) { html { font-size:533.33% }
}

缩放布局reset

html{font:28px "Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
ul,li,div,p,body{margin:0;padding:0;text-align:left;font-size:28px;font-family:"Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
li{list-style:none;}
a{text-decoration:none;}
.hide{display:none;}
h1{display:none;}
input,button,select,textarea{outline:none;-webkit-appearance:none;appearance:none;}
body, html {background:#08061a;text-align: left;height: 100%;width: 100%;font-weight: normal;overflow:hidden;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0.5);}
#main{position:absolute;width:750px;height:100%;left:0;top:0;overflow:hidden;-webkit-transform-origin:0 0;-webkit-transform: translate3d(0px, 0px, 0px);}