Best "one size fits all" settings for most phones

Responsive
1

What do people recommend as the best "one size firsts all" size settings that work with the majority of phones ?

Because of its javascripts, it's not possible to have more than one scene without extra coding, so I am trying to find the best settings to fit most phones - or advice on the extra coding.

A screen size of 414x736 works well on my second gen iPhone but a taller aspect of 414x820 or more is better on my colleague's iPhone XR.

It's compounded by the fact that the app has a dark background so white margins around it are very obvious.

See for yourself here:
https://dchartsinhospital.org.uk/app/
What's the best solution ?

2

You can always use the layout controls (flexible layout). They are applied on axis that have scaling enabled. Sadly using grid or flex isn’t easily done.

3

Maybe this helps.
You could make another layout for the SE and 414 models.
layouts phone and pad.zip (19.7 KB)

1 Like
4

Thanks Max - I've done that so it fits the width and the length runs off the bottom of smaller screens which is fine because it is a scrolling playlist. Seem to be fine on multiple phones

5

Hi Djon this is really useful for lots of projects but not mine because my script works with Ids and not with classes - but I've got a workable solution - in the previous post.