Joe的回答中有一些很好的最佳实践，但我认为你所描述的问题主要集中在这样一个事实上，即如果移动的Safari认为文本会呈现得太小，它会自动缩放文本。你可以通过CSS属性-webkit-text-size-adjust来解决这个问题。下面是如何将其应用到你的身体上的示例，仅适用于iPhone：

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: 100%;
  }
}

Use 100% instead of None.
normalize.css包括

此外，请确保在视口 meta标记中将初始缩放设置设置设置为1：

<meta name="viewport" content="width=device-width; initial-scale=1.0;" />

还要检查你是否没有为你正在操作的元素设置“宽度/高度”，Safari在svg中给大小优先于字体大小，Chrome和FF似乎没有，至少目前没有。

我遇到了同样的问题，原来在原始的CSS中有这样一行：

• webkit文本大小调整：百分之一百二十;
  我不得不把它改为100%，一切都很顺利。没有必要把所有的像素都改为em或%%。