Tabs Tabbar固定：底部。从纵向到横向过渡后，按钮稍微向右移动

Worklight 6.1 Dojo 1.9

创建了一个可滚动视图，其中选项卡栏固定：顶部有两个按钮，选项卡栏固定：底部有三个按钮。应用程序启动时，选项卡栏和按钮在顶部和底部都正确居中

Android emulator和Nexus 7设备的测试场景：

1） 在纵向模式下，应用程序初始化，主视图显示两个带有 按钮正确居中

2） 将设备旋转到横向模式，两个选项卡栏将正确转换

3） 旋转回纵向模式，选项卡栏固定：顶部过渡正确，但选项卡栏 固定：底部按钮稍微向右移动。重复肖像->风景 第二次过渡会导致额外的右移。第二班之后 底部选项卡栏在该位置保持固定

  The tab bar fixed to the top behaves correctly during all mode transitions.  

---

感谢您提供的任何建议。

在我的测试中（包括在Android上），添加以下CSS会起到作用：

mbltabar先生{
框大小：边框框；
}

---

将来，为了避免这种解决方法的需要，我注册了。

在浏览器中加载html而不是将其打包为cordova应用程序时，是否会重现这个问题？下面是我测试的代码链接：使用common和Android在Worklight中构建应用程序。使用Chrome的Android emulator在纵向到横向的过渡中，选项卡栏按钮保持在正确的位置。接下来，我开始通过activitiy从我的页面中剥离代码，以隔离我的问题可能是什么。我已将编辑隔离到：：

看起来，barType:'segmentedControl'会导致示例代码中的底部选项卡栏向右移动，但顶部选项卡栏仍保持正确位置。感谢您对行为的任何建议。在前面的评论中，空间有限。在示例代码中添加了barType:“segmentedControl”，并使用Chrome在Android Emulator中重新创建了tabbar shift。好的，我也复制了。调查。。。

<style type="text/css">
.mblTabBar {
    box-sizing: border-box;
}
</style>