Question

我正在创建一个需要非常适合移动设备的应用。我有一个简单的Css类（.hide-mobile-small），我使用媒体查询在设备宽度＆lt; 500。

它适用于Div（但不仅仅是针对div的 - 它定义为.hide-mobile-small - 而不是div.hide-mobile-small）。

我认为这应该适用于任何聚合物元素。我在纸张选项卡元素上尝试了它，因为我想在用户在手机上查看时隐藏多标签页面布局上的一些标签。但它似乎不起作用。

有关如何在不更新纸张标签组件的情况下使其工作的任何想法？

感谢您的任何想法

Answer 1

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

对于example，您可以隐藏已应用<paper-tab>类的任何hidden：

paper-tab.hidden {
  display: none;
}

当宽度小于480像素时，此example使用媒体查询隐藏第二个标签：

<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>

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

1 个答案: