[Question] Webview font size is auto adjusting as system font size

I wrote a simple webpage. This page only contains marquee element.

<style>
  #text {
      padding: 0;
      font-size: 65vh;
  }
</style>
<marquee behavior="scroll" scrollamount="50" id="text">hello world</marquee>

And I wraped this page as a webview in React Native.

export default function App() {
  return (
    <WebView 
      source={{ uri: `https://marquee-page-url.com`}}
    />
  );
}

It works like the below image. It works perfectly.

But if I change system (Android’s) font size, than it works wrong. The font is too big.

I’m suspecting that system font size is effecting webview’s font size. I want webview’s font size to be fixed. How to do this?

[TheAlmightyBob]

Have you tried textZoom?

[echagnas]

Hi, just tested, but works only on Android… not iOS.