iOS doesn't build correctly on Device


#1

When serving my Ionic project to the browser with labs, the layout for iOS and Android are much the same in terms of spacing.

But upon building onto actual devices, the Android still behaves normally, but the iOS seems to break a bit. My cards are right up against the navbar, there’s no gap between the two, and all images are now under the navbar instead of being in the centre of the page.

It’s like the Android follows the CSS files fully, but the iOS doesn’t.

Anyone run into this issue before?


#2

Did you remote debug the problem on the device already? Follow these instructions here to debug the problem in Safari dev tools: https://ionic.zone/debug/remote-debug-your-app#ios Look at the console and network tabs for errors.