使用Cordova开发iOS应用：修改系统字号后应用内字号无变化求助

我之前帮朋友排查过类似的问题，给你几个针对性的解决方案，一步步来：

• 替换固定字体单位为相对单位
  这是最核心的一步，如果你的应用里字体大多用px这类固定值，系统字号调整肯定不会影响到它们。建议换成rem、em或者vw这类相对单位：

  html {
    font-size: 100%; /* 让根元素字体大小跟随系统默认值 */
  }
  .page-title {
    font-size: 1.2rem; /* 基于根元素的相对大小，系统字号变了它也会跟着变 */
  }
  

• 开启WKWebView的字体缩放配置
  现在Cordova iOS默认用WKWebView，你需要在config.xml里添加配置，允许WebView跟随系统动态类型调整：

  <platform name="ios">
      <preference name="AllowFontScaling" value="true" />
  </platform>
  

  这个配置会打开WebView的字体缩放开关，让系统字号的变化能传递到应用内。

• 排查全局样式的字体继承问题
  有时候全局CSS重置或者自定义样式会破坏字体的继承链，比如强制给body设置了固定的font-size: 16px。检查你的样式文件，确保根元素（html/body）的字体大小是相对值，比如font-size: inherit或者font-size: 100%，不要写死数值。

• 手动监听系统字号变化（进阶方案）
  如果上面的方法都没效果，可以通过原生通知+JS监听的方式来处理。你可以写个简易的Cordova插件，监听iOS原生的UIContentSizeCategoryDidChangeNotification通知，然后把事件传递到JS层，再手动调整字体大小。比如原生代码里：

  [[NSNotificationCenter defaultCenter] addObserver:self
                                           selector:@selector(onFontSizeChanged:)
                                               name:UIContentSizeCategoryDidChangeNotification
                                             object:nil];
  

  然后用CDVPluginResult把事件发送到JS，JS端收到后再调整对应元素的字体大小。

你之前试的window.MobileAccessibility.usePreferredTextZoom(false)没用很正常——因为你根本没集成这个插件，这个API自然不会生效，得从WebView配置和CSS基础入手才对。

内容的提问来源于stack exchange，提问作者Elangovan Eaaswaramurty