One screen of an Ionic app I’m working on contains a small
<ion-content> element. This element is supposed to always be stationed at the bottom of the screen. By default,
<ion-content> objects use
top: 0, which I don’t want, so to override this I used scss to style it with
bottom: 0 !important. and
top: auto. This has exactly the effect I want in Chrome and Safari when debugging with
ionic serve as well as on Android, the element is rooted at the bottom of the screen.
However this does not work when running the app on iOS, because of course it doesn’t. On iOS the
bottom attribute seems to be totally ignored and the element is positioned at the top of the screen.
What is the best way to debug CSS for apps running in iOS when those problems cannot be reproduced with