相关疑难解决方法(0)

我正在测试我的网站,并且在每个浏览器上工作正常,除了iphone浏览器(我认为它是移动Safari？),其中一个文本用更大的字体呈现其余部分.我已经用手检查了CSS并在页面上使用了firebug,我可以确认我已经为所有这些设置了相同的尺寸.我该如何解决？

我目前正在开发一个网站的移动版本,一切都很棒,在iPhone,黑莓和Android上运行良好.

我有一个小问题,不是什么大问题,但仍然有点烦人.我有:

<h1>标签设置为18px,粗体
<h2>标签设置为12px,粗体
<p>标签设置为12px和正常

现在,当以纵向观看时,iPhone上的一切看起来都很棒,但是当设备旋转到横向时,<h1>标题会变小(难以辨别,但可能比<h2>标签小？!)

这是我的css:

h1 {
 color:#FFFFFF;
 font-size:18px;
 line-height:22px;
 font-weight:bold;
 margin-top:0px;
}

h2 {
 font-size:12px;
 color:#333333;
 font-weight:bold;
 margin-bottom:-5px;
}

p {
 color:#333333;
 font-size:12px;
 line-height:18px;
 font-weight:normal;
}