/**
 * 移动端缩放禁用样式
 * 防止双击放大和输入框聚焦时自动放大
 */

/* 防止输入框聚焦时页面放大 - iOS Safari 在字体小于 16px 时会自动放大 */
input,
textarea,
select {
  font-size: 16px !important;
}

/* 针对特定类型的输入框 */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"] {
  font-size: 16px !important;
}

/* 防止双击时的缩放效果 */
* {
  touch-action: manipulation;
}

/* 针对按钮和链接移除点击延迟和缩放 */
button,
a,
label,
[role="button"] {
  touch-action: manipulation;
}

/* 禁用所有元素的用户缩放 */
html,
body {
  touch-action: manipulation;
  -ms-touch-action: manipulation;
}

/* 防止iOS Safari的自动缩放 */
@supports (-webkit-touch-callout: none) {
  input,
  textarea,
  select {
    font-size: 16px !important;
  }
}

/* 防止双击选择文本时的缩放 */
body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}