I’m creating a website which is to additionally run on cell gadgets. I’ve a difficulty with each Chrome and Safari on my iPhone 13 Professional Max, iOS 16.2.
The issue is that once I launch my dialog to log in, the content material seems to "develop" horizontally, inflicting what seems to be a "zoom". I’ve checked each CSS component in my app, and I can not see anyplace I am specifying a
min-width or something of that kind that may trigger this. Can somebody assist me pinpoint the difficulty? Or level me to a useful resource that may assist alleviate this drawback?
My website is reside right here: https://chonk.jambudipa.io
Right here is the way it appears while you launch the dialog by clicking on "Register":
And right here is the way it takes care of pinching to resize the window to repair the dimensions difficulty, the way it ought to look:
What’s going on?? I’ve tried all type of meta properties and unusual CSS hacks discovered on-line, however none of them work.