我正在尝试为移动设备(例如 - 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 的字体大小,但没有奏效)。
我哪里做错了,应该如何正确做?
最佳答案
我发现了这段在 iphone 中禁用缩放的代码:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
我不确定这是否是正确的解决方案(而且它让所有内容看起来都太大了)- 但这是完成了一半...
关于iphone - 为什么字体大小(和其他元素)在移动设备上显得这么小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8298627/