css - iPhone 上的字体大小是浏览器设备模拟器的 2 倍？

Question

我的 html 标头中有以下内容：

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

...而且我正在开发的 Web 应用程序在 Chrome、Safari、Firefox 等设备模拟器中看起来不错。但是当我在实际的 iPhone 或 Xcode iPhone 模拟器中加载它时，所有字体似乎都差不多大小的两倍。

我该如何纠正？

Answer 1

在您的 CSS 中尝试此代码

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

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