Any idea why a jqm site renders very small on Android devices and renders fine on IOS (iPhone 4, 4S, 5)? See attached screen shots. I'm new to jqm and don't understand what's causing this!? Any help would be appreciated. Thank you.
I've viewed the viewport settings for other sites that work on both, but those don't resolve the issue either. For example here are the setting for Disney World Resort: http://m.disneyworld.disney.go.com/
I'm pretty new to JQM so wouldn't dream of offering a solution.
I actually have a galaxy note so I thought I'd test your site on the actual device.
I can confirm that your screenshot of the Samsung note is spot on in portrait mode, it does fill the screen when I go landscape mode. However the buttons are very very small in height in both orientations. The note is 1280x800 landscape.
I also checked your site with my iPad 2 on iOS 5, in portrait mode your page also fills only half the page and About 90% in landscape. The buttons are good sized in both orientations.
Just for info, my project for giving my students learning materials for mobiles (Im not in IT) has good full size buttons when I test on my note and my iPad.
Thanks for checking on your devices. I tried the Disney and Stanford sites, they too are unusually small on the Galaxy Note and Galaxy S, S II and S III, but perfect on the iPhone. Not sure what this issue is, but JQM does not seem to adjust properly for the Android devices using the viewport settings they recommend.
I also tried your suggested viewport settings and the results are the same. Still stumped as to how to resolve this and get similar rending on the Galaxy devices as on the iPhones. Maybe it not possible using JQM. You'd think Disney and Stanford mobile sites would render nicely on Galaxy phones and they don't either, but are perfect on the iPhone.