Hi, i've searched the web and the forums and answers given to similar questions don't do the trick.
Using jQuery Mobile 1.3.0/jQuery 1.9.1 on Samsung Galaxy S2 and Nexus 7 tablet and developing with PhoneGap...
Problem: UI elements are a 'bit' too small. (about half the size I would deem usable)
Various posts i've read have lead me to use:
<meta name="viewport" content="
initial-scale=1
,
user-s
calable=no, width=device-width, target-densitydpi=device-dpi">
This makes the UI elements such as buttons etc appear practically the same height on the nexus 7 and the galaxy s2, despite the screens having different resolutions and their screens being different sizes - which is good, but...
The UI elements are just a bit too small to be usable.
I looked into rolling a custom stylesheet for jQuery Mobile, but no options for font-size or UI padding were presented, which would lead me to believe they'd prefer I'd not mess with their sizes.
I'm hoping the solution is simple.