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

问题描述

| 我想知道是否有可能防止以下行为： 我有一个* .css文件，其中定义了我的移动网络应用程序的字体大小。 html，body {     font-size：16px！important; } 我在文件中没有使用任何其他字体大小属性。 现在，当我进入横向模式时，字体大小会发生变化。 我如何预防或操纵这种行为。我必须使用

@media screen and (max-width: x px) { }

还是有其他方法？ 感谢分享。     

解决方法

您可能需要使用其他选择器，但以下方法可以解决问题。

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