thoughts on CSS switching for tablet and phones within Phone Gap'd Sencha app?
If i look at the UA string on an EVO 4G (android 2.3) I see two things of interest: 1) "android" and 2) "Mobile Safari".
On an Acer Iconia (honeycomb) I see the following comparable strings: 1)"android" and 2) no mention of the word "Mobile".
This essentially tells me everything i need to know for Android though of course i will have to assume that all my android tablet users are running Honeycomb and i am making a sweeping assumption that the word "mobile" is present in the UA strings of my targeted Android versions. i suppose I can flash my phone back to stock 2.2 to test..... but in theory I can write a style tag as needed on DeviceReady and be done.
I haven't tried on iOS yet, but, as long as i get the OS from the UA string I'm thinking thats all i need. I would write a style tag into the page and the rest i can take care of with css media queries where i look for the width as we know the values to look for.
So, this seems like a plausible approach to me and maybe a tad too simple.
Any experience out there to shed some light on the topic?