Javascript IOS阻止文本输入时缩放

如何防止在IOS中放大文本输入？我知道以前有人问过这个问题，传统的看法是输入至少有16px的字体

然而，这似乎不适用于现代ios设备（最近的iPhone），尽管它似乎适用于较旧的ipad

目前有什么解决方案吗？我最好是寻找一个css，或纯javascript解决方案

---

我知道我们可以完全禁用页面的缩放功能，但这不是一个理想的解决方案。

您是否尝试指定所有输入，并添加了如下焦点属性：

@media #{$small-and-down} {
  // styles for small screens and down
  input[type="color"],
  input[type="date"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="email"],
  input[type="month"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="text"],
  input[type="time"],
  input[type="url"],
  input[type="week"],
  select:focus,
  textarea {
   font-size: 16px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px !important;
  }
}