Web App vs Mobile App rendering differences

0

I have recently completed the workflow described on the Capacitor website to convert my react app to a mobile web app for iOS.

It’s a really impressive tool, but I’ve noticed some small differences in the way the Mobile and Web apps render (see picture below). You can see the iOS Mobile App in the simulator on the left, the Web App in a browser in the centre, and developer tools on the right. The text div is distorted and overlapping the image in the Mobile App.

Does anyone know why such differences arise? Is there any way to debug this? I can’t tell what in the CSS might be causing the layout differences, so am having to revert to trial and error and am not having much success.