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 Lion：

關於什么可能導致此的任何想法？

Answer 1

您是否嘗試將html CSS的字體大小設置為100％？