iPhone/iPod - 防止字体大小改变

Question

我想知道是否有可能防止以下行为： 我有一个 *.css 文件，在其中定义了我的移动 Web 应用程序的字体大小。

html,body { font-size:16px !important; }

我在文件中没有使用任何其他字体大小属性。 现在，当我转换为横向模式时，字体大小会改变。 我该如何防止或操作这种行为。我需要使用 @media screen and (max-width: x px) { } 吗，还是有其他方法？ 谢谢分享。

- glup

Answer 1

您可能需要使用额外的选择器，但以下内容应该能起到作用。

html,body { -webkit-text-size-adjust:none; }

为了使这个规则不会阻止WebKit桌面浏览器（Chrome、Safari和即将推出的Opera）中的文本调整大小，请将其包装在针对所需设备的CSS媒体查询中，例如：

/* iPhone, portrait & landscape. */
@media all and (max-device-width: 480px) {
    html,body { -webkit-text-size-adjust:none; }
}
/* iPad, portrait & landscape. */
@media all and (min-device-width: 768px) and (max-device-width: 1024px) {
    html,body { -webkit-text-size-adjust:none; }
}

- Marcel

---

警告：此 CSS 规则会影响所有 WebKit 浏览器，包括桌面浏览器，并且阻止桌面用户使用浏览器缩放来更改其字体大小。因此，我建议您不要在没有媒体查询仅针对移动设备的情况下使用它。 - Steve

@Steve 有没有其他方法可以实现仅在iOS上展现的效果？ - Dan

@Dan，我已将Steve的意见加入到我的回答中。 - Marcel