html - Displaying a JQuery-Mobile website on a desktop as if it was on a mobile device (resolution) -


i have developed piece of software allows users define own web content , distribute themselves. have added jquery mobile functionality can decide use mobile enhanced view when using mobile device.

i have preview page display site end-user view radio mobile/desktop/tablet choose view want.

when select mobile view displays silhouette of mobile device , can view mobile content in element user see on mobile device.

my problem mobile version being displayed in desktop resolution content (buttons etc) huge in comparison on real thing.

is there way can change resolution inside element buttons etc smaller , how on mobile device?

i hope makes sense had trouble wording properly. have played view-port no success.

looks like:

enter image description here

what want like:

enter image description here

perhaps loading through iframe following meta tag in head of jqm page:

<meta name="viewport" content="width=device-width, user-scalable=no"> 

hope helps - haven't tested yet... thought.

joe


Comments

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -