移动端样式重置

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  font-family: helvetica;
  margin: 0;
}
body *{
  /* 禁止用户选中文字，安卓无效 */
  -webkit-user-select: none;
  /* 禁止长按弹出系统菜单 */
  -webkit-touch-callout: none;
  /* 切换横竖屏或者用户自己通过浏览器设置的话，可以改变字体的大小 */
  -webkit-text-size-adjust: 100%;
}

/* android下a/button/input标签被点击时产生的边框
  ios下a标签被点击时产生的半透明灰色背景 */
a,input,button{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

button,input{
  /* button与input都会有个默认背景 */
  -webkit-appearance: none; 
  /* 按钮在ios下都是圆角 */
  border-radius: 0;
}

/* 修改placeholder的样式 */
input::-webkit-input-placeholder{
  color: #000;
}
input:focus::-webkit-input-placeholder{
  color: #f00;
}