iPadOS 13以降で -webkit-text-size-adjust が動作しない

-webkit-text-size-adjust: 100%;

これまで WebView の内容を拡大縮小するときに -webkit-text-size-adjust に percentage をセットすることでズームのような機能を実現していたのですが、iPadOS 13 になってからうまく動かなくなってしまいました。

この -webkit-text-size-adjust ですが、多くのケースではPC用のサイトをスマホで表示するようなときに文字サイズが小さくなりすぎてしまうようなことを避けるために 100% を指定することが多いようです。

私のアプリでは JavaScript 経由で -webkit-text-size-adjust を設定するようにしてあり、アプリ側の操作によって percentage を書き換えるようになっています。

最近になって UIWebView を WKWebView に貼り替えたりしたので具体的にいつからなのかはわからないのですが、どうやら iPadOS 13 になってから動作しなくなったようなのですが、下記のコードを追加することで、動作が復活しました。

[objective-c]
if(@available(iOS 13.0, *)){
  webView.configuration.defaultWebpagePreferences.preferredContentMode = WKContentModeMobile;
}

参考リンク：

css – -webkit-text-size-adjust not working on iPad OS 13 – Stack Overflow

関連投稿