iPhone-iPad上的行高显示与其他设备不同

时间:2014-08-26 19:11:35

标签: android html ios css iphone

我遇到的问题是在不同的设备上显示不同的文字。我将行高设置为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: iPad 3

iPhone 5:

iPhone 5

三星Galaxy Note II:

Samsung Galaxy Note II

OS X Lion: OS X Lion

关于可能导致这种情况的任何想法?

1 个答案:

答案 0 :(得分:1)

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