我遇到的问题是在不同的设备上显示不同的文字。我将行高设置为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:
关于可能导致这种情况的任何想法?
答案 0 :(得分:1)
您是否尝试将html css的字体大小设置为100%?