Max Pressman
Posts: 0
Joined: Tue Jul 16, 2013 12:57 am

Designing Layout to Fit Phone and Tablet Simultaneously

Hello,

What is the best way to create an app so that the icons and layout will automatically fit to the ipad size.
I am building the app to fit the iphone, but when I open it up on the ipad, the icons are too small and not positioned as they were on the phone.

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

Designing Layout to Fit Phone and Tablet Simultaneously

Hello! There is an option inside the builder to change screen size. While developing your app you can change size and see how it looks like. If something is not ok, you can use Tablet app template (instead of standard template). Another way is to check screen size with JS and change elements on screen according to size.

LuisMa Suárez Gutiérrez
Posts: 0
Joined: Mon Aug 18, 2014 9:12 pm

Designing Layout to Fit Phone and Tablet Simultaneously

great answer, but a few links to check what screen size you have might be nice.
also, i understand there is a diference betweeen actual screen size and CSS size?

Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

Designing Layout to Fit Phone and Tablet Simultaneously

Dear LuisMa,

Not sure I understand your question.
You can test any custom CSS and check how it looks for different screen sizes in Builders.
On Preview change screen sizes and click Refresh.

Return to “Issues”