I have a webview, and I set it's html like this:

```
<WebView source={{ html:body }} style={{ width:400; }} scalesPageToFit />

```

However on load, the page within is zoomed at 100% so its outside of the boundaries. Is it possible to start the zoom at a level so it fits perfectly inside the boundaries?

Here is a screenshot of what it looks like right now: <https://i.imgur.com/i4nRnA0.png>

I want it to start zoomed so all content fits like this: <https://i.imgur.com/MtiyXMe.png> (i manually pinched to zoom out here)

I thought the `scalesPageToFit` prop would do this, but its not doing anything, whether true or false. Does anyone know what `scalesPageToFit` does?

Thanks