Eu vou dar uma sugestão. No meu caso, quando eu comecei a estudar o Phonegap, eu decidi usar um framework para montar meus aplicativos, então eu usei o Jquery Mobile. Para testar, além dos aplicativos eu uso um emulador (O Rippley). Eu usei ele por causa que eu já conhecia Jquery, o que facilita o aprendizado. Mas, eu percebo que ele acaba pegando no quesito memória.

Eu recomendaria você dar uma olhada no Ionic.

http://ionicframework.com/docs/components/#grid-even

Aqui tem outras sugestões

https://phonegappro.com/tools/best-ui-framework-for-phonegap-apache-cordova/

A vantagem de usar um framework é que evita toda essa preocupação com as media-queries. Você economiza tempo e pode se dedicar na programação das regras de negócio da aplicação.

@Daniel Bins, eu utilizo o Materialize Framework, porém alguns elementos as vezes tem que ser ajustados com o margin-left e etc, dai em alguns tamanhos de telas ficam bons e outros não. Os tamanhos de telas (@media) que eu uso no css são esses que encontrei na platform android no phonegap:

320x200 / 200x320
200x320 / 320x200
320x480 / 480x320
480x320 / 320x480
480x800 / 800x400
720x1280 / 1280x720
800x480 / 480x800
1280x720 / 720x1280