1

我正在使用 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>

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

4

0 回答 0