jQuery MiniUI

 找回密码
 立即注册
查看: 1614|回复: 2
打印 上一主题 下一主题

怎么使页面中的tab宽度自适应 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2015-12-23 16:06:11 |只看该作者 |倒序浏览
问题描述:

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

如何让tab自适应分给它的宽度??

Rank: 8Rank: 8

沙发
发表于 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">

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

  27. </script>
复制代码
跑这个示例,可以正常缩放撑满

Rank: 3Rank: 3

板凳
发表于 2015-12-24 09:21:24 |只看该作者
dforce 发表于 2015-12-23 16:33
跑这个示例,可以正常缩放撑满

可以了,谢谢版主老师

Archiver|普加软件

GMT+8, 2024-5-6 09:15 , Processed in 1.047468 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部