我自己移动端制作用到的清零模式(如有不足之处请留言)1

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
  margin:0;
  padding:0;
}
a {
  text-decoration: none;
}
ul,ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
img {vert-align: top;} //移动端图片边框   相当于  border:0


a,
input,
button {
  /*清除点击阴影*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button {
  /*清除按钮的圆角*/
  -webkit-appearance: none;
  border-radius: 0;
}
body {
  /*选中文字设置*/
  margin: 0;
  -webkit-user-select: none;
}
body * {
  /*文字设置*/
  -webkit-user-select: none;
  font-family: Helvetica;
}
body {
  /*禁止文字缩放*/
  -webkit-text-size-adjust: 100%;

}

上面的是CSS的清零样式!;

这是移动端的meta设置!

 <meta name="x5-orientation" content="portrait" />
    <!--qq浏览器下是否可以全屏-->
    <meta name="x5-fullscreen" content="true" />
    <!--UC浏览器下强制横盘或者竖屏显示-->
    <meta name="screen-orientation" content="portrait">
    <!--UC浏览器下是否可以全屏-->
    <meta name="full-screen" content="yes">
    <!--是否禁止识别手机和邮箱-->
    <meta name="format-detection" content="telephone=yes, email=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1">