I am developing an Android app using Ionic, and I am using a tablet that has the following resolution status:
StatusBar height: 38px (25dip)
ActionBar height: 84px (56dip)
Application Window Size: 1920x1090
I was developing the application using 1920x1200 and it looks awesome. But when I build the application and run it on the real device, the whole design/layout got screwed up. I kept using rem, vmin,vmax as the units.
May I ask:
- What is the correct resolution that I should use for development? (For Chrome developer console)
- Which unit should I use through out the application? Percentage is not working in some of the cases.
I would appreciate for any reply. Thank you very much in advance.