dojo tab容器获得最大标签的宽度

Question

我正在使用带有两个选项卡的dijit/layout/TabContainer。我创建它们是这样的：

<div dojoType="dijit.layout.TabContainer" doLayout="false"> 
    <div dojoType="dijit.layout.ContentPane" title="First tab" style="background-color:rgb(237,240,246)" doLayout="false"> Some dynamic content here </div> 
    <div dojoType="dijit.layout.ContentPane" title="Second tab" style="background- color:rgb(237,240,246)" doLayout="false"> Some dynamic content here </div> 
</div> 

这适用于Firefox，Chrome和IE9，但在Safari上无法正确显示ipad。第一个选项卡第一次正确显示，但第二个选项卡的宽度较大。我相信这不应该发生，因为我已经添加了doLayout标志。我不知道它是否重要，但我正在使用xpages框架的dojo。

非常感谢！

Answer 1

我加入

controllerWidget="dijit.layout.TabController" 

到TabContainer的的分度，以百分比和宽度沿着现在它在Safari正确显示太。

问题是Safari需要定义一个宽度。但是因为我的内容是动态的，所以我无法定义以像素为单位的固定宽度。所以为了使用百分比宽度，我不得不添加上面的标志。我不知道这是否是实现这一目标的适当方式，但是它解决了我的问题。