title: jquery mobile site not formatting on android device
body: <p>I am using an example from www3schools to see how to create an application on an android device;</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
      &lt;html&gt;
      &lt;head&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="stylesheet" 
      href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"&gt;
      &lt;script src="http://code.jquery.com/jquery-1.11.3.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-
      1.4.5.min.js"&gt;&lt;/script&gt;
  
      &lt;script&gt;
      var _hmt = _hmt || [];
      (function() {
      var hm = document.createElement("script");
      hm.src = "//hm.baidu.com/hm.js?73c27e26f610eb3c9f3feb0c75b03925";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
      })();
      &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
      &lt;div data-role="page" id="pageone" data-theme="a"&gt;
      &lt;div data-role="header"&gt;
      &lt;h1&gt;Page Header&lt;/h1&gt;
      &lt;/div&gt;
  
      &lt;div data-role="main" class="ui-content"&gt;
      &lt;p&gt;Some Text..&lt;/p&gt;
      &lt;a href="#"&gt;A Standard Text Link&lt;/a&gt;
      &lt;a href="#" class="ui-btn"&gt;Link Button&lt;/a&gt;
      &lt;p&gt;A List View:&lt;/p&gt;
      &lt;ul data-role="listview" data-autodividers="true" data-inset="true"&gt;
      &lt;li&gt;&lt;a href="#"&gt;Adele&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Billy&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;label for="fullname"&gt;Input Field:&lt;/label&gt;
      &lt;input type="text" name="fullname" id="fullname" placeholder="Name.."&gt;    
      &lt;label for="switch"&gt;Toggle Switch:&lt;/label&gt;
      &lt;select name="switch" id="switch" data-role="slider"&gt;
      &lt;option value="on"&gt;On&lt;/option&gt;
      &lt;option value="off" selected&gt;Off&lt;/option&gt;
      &lt;/select&gt;
      &lt;/div&gt;
  
      &lt;div data-role="footer"&gt;
      &lt;h1&gt;Page Footer&lt;/h1&gt;
      &lt;/div&gt;
      &lt;/div&gt; 
  
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>The screen shot below shows the view from browser on my computer;</p>
  
  <p><a href="https://i.stack.imgur.com/XtqVC.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XtqVC.jpg" alt="enter image description here"></a></p>
  
  <p>The screen shot below shows the browser view on my android device; running android version 7;</p>
  
  <p><a href="https://i.stack.imgur.com/iu4VE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iu4VE.png" alt="enter image description here"></a></p>
  
  <p>I am using phonegap online build to create the app which is downloaded to the android device. I can not see why this is not rendering the same in the android device. I am using the same browser in each, chrome. 
  Any guidance would be appreciated. </p>