css - 与浏览器设备模拟器相比，iPhone 上的字体大小是原来的 2 倍？

Question

我的 html 标题中有以下内容:

 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

...我正在开发的网络应用程序在 Chrome、Safari、Firefox 等设备模拟器中看起来不错。但是当我将它加载到实际 iPhone 或 Xcode iPhone 模拟器中时，所有字体似乎大约是原来的两倍。

我该如何纠正这个问题？

Answer 1

在你的 CSS 中尝试这段代码

-webkit-文本大小调整:无 |汽车 | ;

因此，两倍大将是:-webkit-text-size-adjust: 200%;