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

Question

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

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和歌剧很快的）文本大小调整，将它包装在一个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; } 
}