css - 隐藏纸标签 - 是否可以使用 Css

Question

我正在创建一个需要非常适合移动设备的应用程序。我有一个简单的 Css 类 (.hide-mobile-small)，我使用媒体查询在设备宽度 < 500 时隐藏屏幕上的某些内容。

它适用于 Div(但不仅仅针对 div——它被定义为 .hide-mobile-small——而不是 div.hide-mobile-small)。

我认为这也适用于任何 polymer 元素。我在 paper-tab 元素上尝试了它，因为我想在用户在手机上查看时隐藏多选项卡页面布局上的一些选项卡。但这似乎不起作用。

关于如何在不需要更新 paper-tab 组件的情况下让它工作的任何想法？

感谢您的任何想法

Answer 1

是的，您可以使用 CSS 隐藏 <paper-tab> .

对于 example , 你可以隐藏任何 <paper-tab>有 hidden应用类:

paper-tab.hidden {
  display: none;
}

这example当宽度小于 480px 时，使用媒体查询隐藏第二个选项卡:

<style>
  @media screen and (max-width: 480px) {
    paper-tab:nth-of-type(2n) {
      display: none;
    }
  }
</style>
<paper-tabs selected="0">
  <paper-tab>ITEM ONE</paper-tab>
  <paper-tab>ITEM TWO</paper-tab>
  <paper-tab>ITEM THREE</paper-tab>
</paper-tabs>