-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

https://stackoverflow.com/questions/60507404/webkit-text-size-adjust-not-working-on-ipad-os-13


0件のコメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください