title: Page content not appearing completely in jQuery mobile 1.4.0
body: <p>I have the following Form in my jQuery mobile app , the problem is when I tested this page on a low density screen mobile device  the radio buttons choice3,choice6 and the checkbox didn't appear  , Save button not located in the center as appear in the photo  this happens only on low density devices , since the content width is greater than the device width ,how can i solve this problem ? please help me   </p>
  
  <p>I am using jQuery mobile 1.4.0 ,</p>
  
  <p><img src="https://i.stack.imgur.com/QVj24.png" alt="enter image description here"> </p>
  
  <p>my cod ,<a href="http://jsfiddle.net/nW63H/2/" rel="nofollow noreferrer">in jsfiddle</a></p>
  
  <pre><code> &lt;html&gt;
   &lt;head&gt;
   &lt;meta name="format-detection" content="telephone=no" /&gt;
  
   &lt;meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0,    minimum-scale=1, width=device-width" /&gt;
   &lt;script src="js/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
   &lt;link href="css/jquery.mobile-1.4.0.min.css"     rel="stylesheet" type="text/css" /&gt; 
   &lt;script src="js/jquery.mobile-1.4.0.min.js"  type="text/javascript"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div data-role="page"    id="FormPage"   &gt;
  &lt;div  data-role="header"    data-position="fixed"  data-tap-toggle="false" data-   fullscreen="false"  &gt;
  &lt;a href="Main.html"  data-transition="none"  data-role="button" class="ui-btn ui-btn-  icon-left ui-btn-icon-notext  ui-icon-home ui-nodisc-icon "   style="text-decoration:none;"  &gt;&lt;/a&gt;
    &lt;div  style="text-align:center;padding-top:15px;" &gt; &lt;font  color="white"   size="6px"   &gt; Page1&lt;/font&gt;&lt;/div&gt;
    &lt;/div&gt; 
    &lt;div data-role="content"   &gt;
    &lt;form   id="Info_Form"    &gt;
    &lt;ul   data-role="listview"   data-inset="true"     id=" FormList"   &gt;
    &lt;li&gt;
    &lt;legend &gt;&lt;font  size="6px"  &gt;  Select a choice &lt;/font&gt;&lt;/legend&gt;
    &lt;BR&gt;&lt;BR&gt;&lt;BR&gt;
    &lt;fieldset  data-iconpos="right" &gt; 
    &lt;div class="ui-grid-b" &gt;
    &lt;div class="ui-block-a " &gt; 
    &lt;input type="radio"   id="CH1"    name="radio-group-1"  value="choice1" /&gt;
    &lt;label  for="CH1"    data-inline="true"   style=" text-  align:right;float:right;"&gt;choice1&lt;/label&gt;
    &lt;/div&gt;
    &lt;div class="ui-block-b"  &gt;
    &lt;input  type="radio"    id="CH2"    name="radio-group-1"  value="choice2" /&gt;
    &lt;label  for="CH2"    data-inline="true" style=" text-  align:right;float:right;"&gt;choice2&lt;/label&gt;
    &lt;/div&gt;
  
    &lt;div class="ui-block-c" &gt;
    &lt;input type="radio"     name="radio-group-1"  id="CH3" value="choice3"   /&gt;
    &lt;label  for="CH3"    data-inline="true" style=" text- align:right;float:right;"&gt;choice3&lt;/label&gt;
    &lt;/div&gt;
    &lt;div class="ui-block-a"&gt;
    &lt;input type="radio"     name="radio-group-1"   id="CH4"  value="choice4" /&gt;
    &lt;label  for="CH4"  data-inline="true"  style=" text- align:right;float:right;"&gt;choice4&lt;/label&gt;
    &lt;/div&gt;
  
    &lt;div class="ui-block-b"&gt;
    &lt;input type="radio"     name="radio-group-1"  id="CH5"  value="choice5" /&gt;
    &lt;label  for="CH5"  data-inline="true"   style=" text- align:right;float:right;"&gt;choice5&lt;/label&gt;
    &lt;/div&gt;
    &lt;div class="ui-block-c"&gt;
    &lt;input type="radio"     name="radio-group-1"  id="CH6"  value="choice6" /&gt;
    &lt;label  for="CH6"  data-inline="true"  style=" text-align:right;float:right;"&gt;choice6&lt;/label&gt;
    &lt;/div&gt;
    &lt;/div&gt;
   &lt;/fieldset&gt;
   &lt;/li&gt;
  
   &lt;li &gt;   
  
   &lt;div class="ui-grid-a ui-field-contain" &gt;
  
   &lt;div class="ui-block-a"   style="width:80% !important;padding-right:29px !important;"&gt;
  
   &lt;font size="5px" color="#002a4a" style="text-align:right;float:right;font-weight:normal;white-space: normal;" &gt; Check To Enable Daily Notifications &lt;/font&gt;
  
   &lt;/div&gt;
  
   &lt;div class="ui-block-b"  style="text-align:right;float:right;right: 0;margin-right: 0  !important;width:20% !important;"&gt;
  
   &lt;fieldset   data-role="controlgroup"  data-iconpos="right" style="padding-top:7px;"  &gt;
  
   &lt;input type="checkbox" name="CheckB" id="CheckB"   data-iconpos="notext" /&gt;
   &lt;label for="CheckB"  data-inline="true"&gt;&lt;/label&gt;
  
   &lt;/fieldset&gt;
   &lt;/div&gt;
  
   &lt;/div&gt;
  &lt;BR&gt;&lt;BR&gt;
   &lt;/li&gt;
   &lt;li &gt; 
    &lt;div   class="ui-btn ui-input-btn"style=" text-align:center;" &gt;                                                   
    &lt;input type="button"     id="saveBtn"    data-inline="true" value="Save"  data-icon="check" data-iconpos="right" /&gt;
  
    &lt;/div&gt;    
    &lt;/li&gt;
    &lt;/ul&gt;
   &lt;/form&gt;
   &lt;/div&gt;
   &lt;/div&gt;
   &lt;/body&gt;
   &lt;/html&gt;
  
  
   [1]: http://jsfiddle.net/nW63H/
  </code></pre>