html {
  /* 禁止文本缩放，当移动设备横竖屏切换时，文本的大小会重新计算，进行相应的缩放 */
  -webkit-text-size-adjust    : 100%;
  /*去掉点击链接时，产生的半透明遮罩。*/
  -webkit-tap-highlight-color : rgba(0, 0, 0, 0);
  /* 解决IOS默认滑动很卡的情况 */
  -webkit-overflow-scrolling  : touch;
}

/* 禁止缩放表单 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
  resize : none;
  border : none;
}

input, textarea, button {
  /*取消chrome浏览器下默认的文本框聚焦样式*/
  outline       : none;
  appearance    : none; /* 去除iPhone输入框阴影 */
  border-radius : 0; /* 去除 iPhone输入框圆角*/
}

[type="button"],
[type="submit"] {
  -webkit-appearance : none; /*解决ios上按钮的圆角问题*/
}

/**
 *  参考资料：
 *          1.[html - 如何移除 input type="number" 时浏览器自带的上下箭头？ - SegmentFault 思否](https://segmentfault.com/q/1010000000687882)
 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance : none; /*去掉上下箭头*/
}
input[type="number"] {
  -moz-appearance : textfield; /*去掉上下箭头*/
}

img {
  display                : inline-block;
  max-width              : 100%;
  -ms-interpolation-mode : bicubic; /*为了照顾ie图片缩放失真*/
}
//禁用长按页面时的弹出菜单(iOS下有效) ,img和a标签都要加
img, a {
  -webkit-touch-callout : none;
}