不用简单地将字体大小设置为16px，您可以：

设置输入字段的样式，使其大于预期大小，允许将逻辑字体大小设置为16px。使用scale（）CSS转换和负边距将输入字段缩小到正确的大小。

例如，假设输入字段最初的样式为：

input[type="text"] {
    border-radius: 5px;
    font-size: 12px;
    line-height: 20px;
    padding: 5px;
    width: 100%;
}

如果通过将所有维度增加16/12=133.33%来放大字段，然后使用scale（）将其减少12/16=75%，则输入字段将具有正确的视觉大小（和字体大小），并且焦点上不会有缩放。

由于scale（）只影响视觉大小，因此还需要添加负边距以减小字段的逻辑大小。

使用此CSS：

input[type="text"] {
    /* enlarge by 16/12 = 133.33% */
    border-radius: 6.666666667px;
    font-size: 16px;
    line-height: 26.666666667px;
    padding: 6.666666667px;
    width: 133.333333333%;

    /* scale down by 12/16 = 75% */
    transform: scale(0.75);
    transform-origin: left top;

    /* remove extra white space */
    margin-bottom: -10px;
    margin-right: -33.333333333%;
}

输入字段的逻辑字体大小为16px，而文本大小为12px。

我有一篇博客文章，在这里我将稍微详细介绍一下，并将此示例作为可查看的HTML：iPhone上Safari无输入缩放，像素完美方式

input[type='text'],textarea {font-size:1em;}

这个问题的简单解决方案是：

@media screen and (max-width: 599px) {
  input, select, textarea {
    font-size: 16px;
  }
}

注：最大宽度可根据您的要求定制。

在阅读了这里的几乎每一行并测试了各种解决方案之后，感谢所有分享他们解决方案的人，我在iPhone 7 iOS 10.x上为我设计、测试和工作的内容：

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="email"]:hover,
    input[type="number"]:hover,
    input[type="search"]:hover,
    input[type="text"]:hover,
    input[type="tel"]:hover,
    input[type="url"]:hover,
    input[type="password"]:hover,
    textarea:hover,
    select:hover{font-size: initial;}
}
@media (min-width: 768px) {
    input[type="email"]:hover,
    input[type="number"]:hover,
    input[type="search"]:hover,
    input[type="text"]:hover,
    input[type="tel"]:hover,
    input[type="url"]:hover,
    input[type="password"]:hover,
    textarea:hover,
    select:hover{font-size: inherit;}
}

不过，它也有一些缺点，由于“悬停”状态和“聚焦”状态之间字体大小的快速变化，以及重画对性能的影响，它明显出现了“跳跃”

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

新功能：IOS仍然会缩放，除非你在没有焦点的输入上使用16px。

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

我添加了背景，因为IOS没有在选择上添加背景。

将用户scalable=0添加到视区元，如下所示

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">

为我工作：）