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

Question

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

视口(viewport)标签:

<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%？