1

私は jquery mobile を使用しています。ここでは collapsible-set を使用しており、 data-role="content" に 2 つのサブコンテンツがあります。プライマリ コンテンツには折りたたみ可能な 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