Flutter WebView font size is too large

Question

I'm currently rendering this website using flutter_inappwebview and everything is working fine, but I noticed that some of the text is larger than normal in size. This happens throughout the application. We define font-size in css using rem units. Could this be related?

I found that the android webview settings have minimumFontSize but this problem occurs on iOS.

How it looks on the web

What is the effect of using Flutter Webview (ios simulator)

I have tried similar methods

   crossPlatform: InAppWebViewOptions(
      minimumFontSize: 1,
    ),

But I think this setting only really affects Android devices.

Answer 1

This is not a flutter/webview issue. In fact, you should see a similar larger-than-normal font in the safari app for iOS. To solve this problem, you can refer to other questions mentioned around this issue: Why are the font sizes different on iOS Chrome and Chrome.iOS Safari?