Angular UI 选项卡，在移动设备中证明为 false

Question

我正在使用带有 attr justified="true" 的 Angular UI Tabs 组件。 这在桌面上可以正常工作，但是当平板电脑和手机的分辨率发生变化时，我想将 justified 设置为 false。

我不想使用 @media-queries 来“强制”默认的 .nav-justified 类，只是为了正确呈现。

  <tabset justified="true">
    <tab ng-repeat="tab in vm.tabs" heading="{{tab.title}}" active="tab.active" disabled="tab.disabled">
      {{tab.content}}
    </tab>
  </tabset>

有什么想法吗？

谢谢！

Answer 1

将其添加到您的 css 中应该可以：

.nav-tabs.nav-justified>li {
display: table-cell !important;
width: 1% !important;
}

这更像是一个 css hack，而不是 angular 相关的，但很好..