How do you develop for 1080p 5" screens?

[Kaan Soral]

I still use an iphone 3gs as my primary phone, great phone as long as it lives. Thinking of buying an xperia Z just for the 1080p issue, but I figure, I may as well ask it here, rather than buying a phone to experience it first hand.

I've bought a shitty android phone, another not so shitty galaxy W and an ipad 4th gen. just for testing apps. I can say that galaxy W ~ ipad 4th gen is extremely similar (the resolution is 1024*768, you only need to send 4x images for retina resolution, the resolution isn't 2048*1536, design/development wise), what I built for galaxy W was proportionally appropriate for iPad. However 3gs's screen was alarmingly small. This is my experience, for anyone to learn from.

So I currently handle 2 different size logic, small screen and normal screen.

Should I add a 3rd logic as "very large screen" for 5" 1080p screens, phonegap development-wise?

1920*1080 on a 5" screen, if all that resolution is available to the phonegap app, seems like A LOT. My UI elements are always huge to ease usage, however I may need to add a giant's mode to css logic to handle 1920*1080, if no dpi magic, retina-like options is available for those android phones.

Thanks a lot for answers in advance

[WebSteve]

You don't make a third logic change based on the screen size, but on how your design breaks in the new screen size. If your design is holding up well at the larger size, then you don't need to adjust, see? Obviously, you're not going to learn about this without a test device (or a large-screen desktop monitor).

Steve H

[Kaan Soral]

lol, that's what I said partially, you can't just shrink a 24" screen into 5"'s however it might be a good idea to take a screen shot and resize it proportionally.

anyway the dpi issue still stands, it might be logical to emulate apple's retina logic on android high def devices, if it's technically possible

[Kaan Soral]

I've tested a phonegap app on galaxy S4 today, the resolution was huge beyond belief compared to the app
(I don't know why but the menu items etc disappeared too after opening the app, never experienced anything like it with other devices)

I'm unsure how I can handle this situation, any ideas?

Is it possible in any way to achieve what apple did for retina displays?
Shrink dimensions 2x?

Anyway I will play around / research to find a solution, but I would appreciate any input

[Kaan Soral]

Playing with target-densityDpi at viewport meta tag initially produced promising results

I guess one should determine the optimal density dpi

I've never uploaded any app to appstores, I wonder if it's easy to upload different apk's for different display types or determine the html meta's on the fly

[WebSteve]

Android has a section where you'll tell what size screens it supports.