jQuery MiniUI

标题: 怎么使页面中的tab宽度自适应 [打印本页]
作者: 水电费    时间: 2015-12-23 16:06:11     标题: 怎么使页面中的tab宽度自适应

问题描述：

页面布局为左右结构，各占50%宽度。tab位于左边区域，页面最大化，再最小化后，tab左边的区域宽度没有变为页面宽度的50%。

如何让tab自适应分给它的宽度？？
作者: dforce    时间: 2015-12-23 16:33:20

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.     <title></title>
  6.         <script src="http://www.miniui.com/scripts/boot.js" type="text/javascript"></script>
  7.         <style>
  8.         html,body
  9.         {
  10.                 width:100%;height:100%;padding:0;margin:0;
  11.                 }
  12.         </style>
  13. </head>
  14. <body>
  15. <div class="mini-splitter" style="width:100%;height:100%">
  16.   <div size="50%">
  17.     <div class="mini-tabs" style="width:100%;height:100%">          
  18.            <div title="1"></div>
  19.         </div>
  20.   </div>
  21.   <div></div>
  22. </div>
  23.        
  24. </body>
  25. </html>
  26. <script type="text/javascript">
  27.         mini.parse();

  29. </script>
复制代码
跑这个示例，可以正常缩放撑满
作者: 水电费    时间: 2015-12-24 09:21:24

dforce 发表于 2015-12-23 16:33
跑这个示例，可以正常缩放撑满

可以了，谢谢版主老师



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2