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

Question

我想知道是否可以防止以下行为： 我有一个* .css文件，我在其中定义了我的mobile-web-app的字体大小。

html，body {     font-size：16px！important; }

我的文件中没有使用任何其他字体大小的属性。 现在，当我进入横向模式时，字体大小会发生变化。 如何防止或操纵此行为。我是否必须使用@media screen and (max-width: x px) { }或者还有其他方式吗？

感谢分享。

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; }
}