iPhone的字体大小问题

我目前正在开发一个移动版的网站，一切都很好，可以在iPhone、黑莓和安卓上正常工作

我有一个小问题，不是什么大问题，但还是有点烦人。我有：

标签设置为18px和粗体

标签设置为12px和粗体
标签设置为12px和正常

现在，在iPhone上以纵向方式观看时，一切看起来都很棒，但当设备旋转到横向时，

标题变小了（很难说，但可能比

标签小

这是我的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;
}

---

我相信您正在CSS中寻找这一点：

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

---

正如Neurofluxation的回答中所述，您可以使用css规则-webkit文本大小调整，但请注意，这可能会阻止用户在桌面webkit上调整字体大小（有关更多详细信息，请参阅）

鉴于此，可能值得通过CSS3媒体查询（或用户代理）进行安全检查

例如：

---

更好的解决方案是使用100%而不是无，正如user612626在旧线程中所述：

这样，桌面webkit浏览器也可以按比例调整大小和缩放。 我认为这是一种比按屏幕大小过滤更好的方法

---

希望能有帮助。

效果很好！干杯，我会尽快给答案打上正确的标记！玩了几个小时后，你救了我的命！谢谢@Neurofluxation。相信我，当我发现这件事时——我的下巴掉了下来，我开始出汗，我的心脏跳了一跳……但实际上我所做的只是喊“F*CK YEAH”但是为什么“span”标签会在旋转时调整文本大小而“a”标签不会呢？！谢谢老兄！Css太棒了，你也是！！可能会重复

@media only screen and (max-device-width: 480px) { 
    html {
        -webkit-text-size-adjust: none; 
    }
}

body {
    -webkit-text-size-adjust: 100%;
}