移动端规整

  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />


  <script type="text/javascript">
    document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
    </script>

css:

@charset "utf-8";
/* CSS Document */
body{ font-family:"微软雅黑";}
body,html{width: 100%;height:auto;overflow-x: hidden}
h2,h3{font-size: .36rem;text-align: center;color: #666;padding-top: .2rem;padding-bottom: .2rem;}
h3{font-weight: 100;font-size: .29rem;padding-top: .1rem;padding-bottom: .1rem;}
body,h1,h2,h3,h4,h4,p,ul,li{ margin:0 auto; padding:0;}
input{outline: none;}
/*判断*/
@media screen and (max-width: 321px) {
    body {
        font-size:16px
    }
}
 
@media screen and (min-width: 321px) and (max-width:400px) {
    body {
        font-size:17px
    }
}
 
@media screen and (min-width: 400px) {
    body {
        font-size:19px
    }
}


@charset "utf-8";
/*
CSS DOCUMENT
code by zhangxing 2017.11.18
*/
*{margin:0;border:none;padding:0;list-style: none;}
body,html{overflow-x: hidden;}
body{color: #555;font-size: 12px;font-family:Microsoft YaHei,'宋体',Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;}
textarea,input{word-wrap:break-word;word-break:break-all;padding:0;}img{border:0 none;}
a,a:visited,a:hover{ color:#333; font-weight:normal; text-decoration:none;outline: none;}
a:hover{ text-decoration:none;}a,button{outline: none;}
a:link{outline:none;text-decoration: none;}
.wrap_middle{width: 960px;margin:0 auto;}
ol, ul{margin-bottom: 0px;}
h1,h2,h3,h4,h4,p,ul,li{ margin:0 auto; padding:0;}
.scrollbar-none::-webkit-scrollbar {/*滚动条宽度设置*/
    width: 0px;height: 0;
}

/*清除浮动*/
.clearfix:after {clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0}
*+html.clearfix {zoom:1}