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:
what want like:
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
Post a Comment