title: text size and div size is not adjusting in android phone by using jQuerymobile ...any suggestions?
body: <p>i'm using jquery mobile ,here i'm using collapsible-set and there is two sub contents in my data-role="content" . In primary-content i have collapsible div's, and this primary content is taking 29% of the total width of the screen .But the problem is the size of the font and div size is not adjustable on android phone but it is working fine on tab.</p>
  
  <pre><code>  &lt;html&gt;
    &lt;style&gt;
    #nav
    {
    float: left;
    width: 29%;
     border:1px solid #a1a1a1;
    overflow: auto;
  
  
   }
  
  
    &lt;/style&gt;
  
  
    &lt;body&gt;
     &lt;div data-role="content-secondary" id="nav"&gt;
   &lt;div  data-role="collapsible-set"  data-collapsed-icon="arrow-d" data-             expanded-icon="arrow-u" data-iconpos="right" data-theme="a" &gt;
          &lt;div data-role="collapsible" data-collapsed="true" data-theme="a"  data-content-theme="a" &gt;
              &lt;h3 &gt;Devices&lt;/h3&gt;
                    &lt;div  data-role="collapsible-set" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u" data-iconpos="right" data-theme="a"&gt;
                         &lt;div data-role="collapsible" data-collapsed="true"  data-theme="a" data-content-theme="a"&gt;
                  &lt;h3&gt; Lights&lt;/h3&gt;
                      &lt;div  data-role="collapsible-set" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u" data-iconpos="right" data-theme="a"&gt;
                          &lt;div data-role="collapsible" data-collapsed="true"  data-theme="a" data-content-theme="a"&gt;
                              &lt;h3&gt; Floor1&lt;/h3&gt;
                                  &lt;div  data-role="collapsible-set" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u" data-iconpos="right" data-theme="a"&gt;
                                      &lt;div data-role="collapsible" data-collapsed="true" data-theme="a"  data-content-theme="a"&gt;
                                          &lt;h3&gt; Bed Room&lt;/h3&gt;
                                              &lt;ul data-role="listview" data-inset="true" data-theme="d" data-dividertheme="b"&gt;
                                                  &lt;li&gt;&lt;a href=javascript:addText1()&gt;BedRoom Light1&lt;/a&gt;&lt;/li&gt;
                                                  &lt;li&gt;&lt;a href=javascript:addText2()&gt;BedRoom Light2&lt;/a&gt;&lt;/li&gt;
                                                  &lt;li&gt;&lt;a href=javascript:addText3()&gt;BedRoom Light3&lt;/a&gt;&lt;/li&gt;                                                   
                                                  &lt;/ul&gt;
                                      &lt;/div&gt;
                                      &lt;/div&gt;
                                      &lt;/div&gt;
                                      &lt;/div&gt;
                                      &lt;/div&gt;
                                      &lt;/div&gt;
                                      &lt;/div&gt;
                                      &lt;/div&gt;
                                      &lt;/div&gt;
  
  
  
  
                                  &lt;/body&gt;
  &lt;/html&gt;                 
  </code></pre>
  
  <p>pleases share your experience here ...thanks</p>