Designing Layout to Fit Phone and Tablet Simultaneously
Posted: Tue Jul 16, 2013 12:57 am
by Max Pressman
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.
Designing Layout to Fit Phone and Tablet Simultaneously
Posted: Tue Jul 16, 2013 5:38 am
by Maryna Brodina
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.
Designing Layout to Fit Phone and Tablet Simultaneously
Posted: Mon Nov 16, 2015 5:40 pm
by LuisMa Suárez Gutiérrez
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?
Designing Layout to Fit Phone and Tablet Simultaneously
Posted: Tue Nov 17, 2015 9:48 am
by Alena Prykhodko
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.