Cordova/general: Easiest Way To Develop For Different Screen Layouts?

I was really wondering.. What is the easiest way, in combination with Phonegap/Cordova, to make your app support multiple screen resolutions? Mainly all Android ones, such as 480x8

Solution 1:

First, code responsive where ever possible. Instead of media queries (which are messed up on android 4), you could try https://github.com/biodiv/cordova-screengod

After deviceready, you call

screengod(['path/to/your.css'],function(){
    /* do your stuff */
});

and it automatically adapts your css to look the same across all platforms/screens.

Solution 2:

Personally, I use Bootstrap and their Grid system. It takes a minute to figure out how it works and how to get it to fit with what you are trying to do but once you do, it is amazing. Documentation is here.