行高在 iPhone 和 iPad 上的显示方式与在其他设备上不同

Question

我遇到了文本在不同设备上显示不同的问题。我将 line-height 设置为 1.25em，它在所有桌面浏览器和 Android 移动设备上都以我希望的方式显示，但它在 iPhone 和 iPad 上的显示方式不同。在 iPhone 和 iPad 上，文本看起来被压扁了。

视口标签：

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

CSS：

html {
    font-size: 62.5%;
    -ms-text-size-adjust: 62.5%;
    -webkit-text-size-adjust: 62.5%;
}

.text-16 {
    font-family: Helvetica, sans-serif;
    font-size: 1.6em;
    line-height: 1.25em;
}

这是它在各种设备上的样子：

iPad 3：

iPhone 5：

三星 Galaxy Note II：

OS X 狮子：

关于什么可能导致这种情况的任何想法？

Answer 1

您是否尝试将 html css 的字体大小设置为 100% ？