Geek Answers Handbook

Developing PhoneGap for Android - Best Practice for Different Screen Sizes / Pixel Density

I recently completed the development of the iPhone application in phonegap, and now we are completing the version of the Android application, and I was hoping to contact the SO community for some best practice answers so that your application looks right on every device. My approach was to use sencha.io for all images and use a flexible em / percent based app-based layout to scale based on available screen real estate. Is this approach fair, does anyone have recommendations for a workflow or implementations?

Thanks in advance,

Jn

+5
source share
1 answer

To make your application look the same for all devices, use HTML5 and CSS (which you already use with PhoneGap, fix it?)

You have to decide whether you want your Android application to look like your iPhone application, or if you want it to look different in an Android application, or if you want it to look like your application, regardless platforms.

No matter which route you take, the key to this is to use well-written and well-formed HTML and CSS. When I say well written, I mean that you don’t need to have any layout or style depending on the HTML and do all the layout and style using CSS.

From my personal experience, you're on the right track with a percentage / em.

sencha.io, . , , CSS HTML5.

!

, .

-1

More articles:


All Articles