iphone - 为什么字体大小（和其他元素）在移动设备上显得如此之小

Question

我正在尝试为移动设备（例如 - iphone）创建一个特殊的样式表。

我在主样式表中有一条这样的规则：

body
{
    font-family: arial,georgia,"times new roman",times,serif;
    font-size: 12px;
    line-height: 18px;
}

并且对于某个标题：（我所有的字体大小都在 em 中，除了定义所有的正文）

#header #PageTitle h1{
    font-size: 4.5em;
}

当我在我的 iphone 上看到大标题时，它看起来很小 - 我应该怎么做才能看到更大尺寸的它？我如何将规则应用于所有元素以“只是两倍大”（我尝试调整 body 的字体大小，但没有奏效）。

我做错了什么，应该如何正确完成？

score 23 · Accepted Answer

我发现这段代码禁用了 iphone 中的缩放：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

I am not sure if this is the exact solution (and it made everything look too big) - but this is half way there...

score 6 · Accepted Answer

因此，两倍大将是：-webkit-text-size-adjust: 200%;

score 1 · Accepted Answer

1

我会将集合body设置为1em，然后相应地设置标题等。

于 2011-11-28T16:09:35.483 回答

3 回答 3