Screen Size Issue with Building Mobile Apps

Hi All!

I am building a mobile app on ios and android. My biggest concern is that I am having is screen dimensions. How should I be building this out?

Do i need to create a different view for each dimension?

Thanks. If you want to answer or leave a link to an article here (as i have not seen any that answer this question yet), that would be great!

1 Like

My two cents

  • The responsive engine will take care of it. Just choose a width that you feel comfortable with for your UI.
  • It needs to be a one page app with everything shown/hidden via custom states
  • To avoid unexpected zooming use text sizes 16 and above. Although I have seen apps where this is not a problem. So do not take this to the bank.
  • Make sure to check the box to prevent the user from zooming in iOS, as this causes problems especially when dropdowns are selected

3 Likes

@pete3 Were you able to find a solution to this issue? I have the same concern.
Appimage.jpeg)
When I browse my web app on iphone, the app layout is smaller than the screen. Check Image.

Please let me know if you have any suggestions. Thanks in advance.