How are you dealing with different mobile device heights?

Mobile device heights:

I was previously using vw/vh in an html block and using classes in the css similar to this but I have deleted the app I was using this on. I absolutely cannot get this to work today on another app.

The result is that a screen to fit the viewport on an iphone X does not fit the viewport of eg. a iphone 6. This matters on something like a welcome screen but doesn’t really matter on the other screens.

How are others dealing with viewport heights on mobile?

1 Like


I’m not the perfect answerer for this, but my practice is that I set elements’s minimum weight onto 300px so even iPhone 5 viewport type are supported.

Responsiveness is pretty difficult with Bubble, I mean, you only can set a maximum and minimum weight, but tablet’s viewports are ignored.