How are you dealing with different mobile device heights?

cowontherun · 2020-06-29T00:59:21.005Z

Mobile device heights:

I was previously using vw/vh in an html block and using classes in the css similar to this https://css-tricks.com/fun-viewport-units/ 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?

robinbeaudru · 2020-06-29T12:20:31.715Z

Hi,

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.

Cheers.