title: How do I get the full site button on jQuery Mobile site to work correctly?
body: <p>I designed a webpage and a mobile version of the same page (using jQuery Mobile). </p>
  
  <p>I have javascript code that detects if the user is using a mobile device, and then redirects to the mobile site (mobile.html). </p>
  
  <p>But when the user tries to go from the mobile site to the desktop or full site it brings up the page, but doesn't look right... it's kind of zoomed in and displaced when looking on a Mobile Device.</p>
  
  <pre><code>************The Javascript to detect mobile device************
  
  var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));  
   if (mobile) { 
      document.location = "http://www.somedomain.com/mobile.html";  }
   }  
  
  
  
  
  ************jQuery Mobile button for Full Site ***************
  
  &lt;ul data-role="listview" data-inset="true"&gt;
          &lt;li&gt;
              &lt;a href="http://www.somdomain.com/?view=full"&gt;Full Site&lt;/a&gt;
          &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>How do I get the redirect to the full site to look like it should on the mobile device?</p>