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