Question

我正在使用jquery mobile，这里我使用的是collapsible-set，我的data-role =“content”中有两个子内容。在主要内容我有可折叠的div，这个主要内容占屏幕总宽度的29％。但问题是字体的大小和div大小不能在Android手机上调整，但它在选项卡上工作正常

  <html>
  <style>
  #nav
  {
  float: left;
  width: 29%;
   border:1px solid #a1a1a1;
  overflow: auto;


 }


  </style>


  <body>
   <div data-role="content-secondary" id="nav">
 <div  data-role="collapsible-set"  data-collapsed-icon="arrow-d" data-             expanded-icon="arrow-u" data-iconpos="right" data-theme="a" >
        <div data-role="collapsible" data-collapsed="true" data-theme="a"  data-content-theme="a" >
            <h3 >Devices</h3>
                  <div  data-role="collapsible-set" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u" data-iconpos="right" data-theme="a">
                       <div data-role="collapsible" data-collapsed="true"  data-theme="a" data-content-theme="a">
                <h3> Lights</h3>
                    <div  data-role="collapsible-set" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u" data-iconpos="right" data-theme="a">
                        <div data-role="collapsible" data-collapsed="true"  data-theme="a" data-content-theme="a">
                            <h3> Floor1</h3>
                                <div  data-role="collapsible-set" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u" data-iconpos="right" data-theme="a">
                                    <div data-role="collapsible" data-collapsed="true" data-theme="a"  data-content-theme="a">
                                        <h3> Bed Room</h3>
                                            <ul data-role="listview" data-inset="true" data-theme="d" data-dividertheme="b">
                                                <li><a href=javascript:addText1()>BedRoom Light1</a></li>
                                                <li><a href=javascript:addText2()>BedRoom Light2</a></li>
                                                <li><a href=javascript:addText3()>BedRoom Light3</a></li>                                                   
                                                </ul>
                                    </div>
                                    </div>
                                    </div>
                                    </div>
                                    </div>
                                    </div>
                                    </div>
                                    </div>
                                    </div>




                                </body>
</html>

请在这里分享您的经验...谢谢

文本大小和div大小不是通过使用jQuerymobile调整Android手机...任何建议？

0 个答案: