Polymer 聚合物1.0纸张标签对内容不敏感_Polymer

Polymer 聚合物1.0纸张标签对内容不敏感

polymer

Polymer 聚合物1.0纸张标签对内容不敏感,polymer,Polymer,使用Polymer 1.0时，纸张选项卡元素对其内容/标题的大小没有响应。相反，所有标签都是固定大小的，看起来很糟糕。据我所知，他们的默认行为是响应标题 <!doctype html> <html> <head> <title>unquote</title> <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-sc

使用Polymer 1.0时，

纸张选项卡

元素对其内容/标题的大小没有响应。相反，所有标签都是固定大小的，看起来很糟糕。据我所知，他们的默认行为是响应标题

<!doctype html>
<html>

<head>

  <title>unquote</title>

  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">

  <script src="bower_components/webcomponentsjs/webcomponents.js"></script>

  <link rel="import" href="bower_components/paper-header-panel/paper-header-panel.html">
  <link rel="import" href="bower_components/paper-tabs/paper-tabs.html">
  <link rel="import" href="bower_components/paper-toolbar/paper-toolbar.html">
</head>
<body>
  <paper-header-panel>
    <paper-toolbar>
        <paper-tabs>
          <paper-tab>
              ABOUT
          </paper-tab>
          <paper-tab>
            <div>
              TOUR SCHEDULE
            </div>
          </paper-tab>
            <paper-tab>
              <div> 
                VIDEOS
              </div>
            </paper-tab>
            <paper-tab>
              <div> 
                HOST
              </div>
            </paper-tab>
            <paper-tab>
              <div> 
                LONG TITLE THIS IS
              </div>
            </paper-tab>
        </paper-tabs>
    </paper-toolbar>
  </paper-header-panel>
</body>
</script>
</html>


取消报价
关于
旅游日程
录像带
主办
长标题这是

尝试导入

iron flex布局

（确保它在您的bower\u components文件夹中！），并使用所选的

和flex
属性，如下所示：
<link rel="import" href="bower_components/iron-flex-layout/iron-flex-layout.html">
...
<paper-tabs scrollable flex>
    <paper-tab>
        ...
    </paper-tab>
</paper-tabs>


...
...
如果希望选项卡适合其内容，可以覆盖默认的选项卡调整：
<style is="custom-style">
  paper-tab {
    flex: none;
  }
</style>

没有成功<代码>可滚动

不需要我想要以太…标题不应该水平滚动。要添加。。。。有了可滚动的

，所有的标签都消失了，剩下一个蜷缩的
可以滚动。奇怪的是，
为什么不起作用？在任何地方我都可以阅读更多关于正确布局的版本。1.0？事实上，这并没有解决问题。我在答案中添加了更多信息。is属性的作用是什么？在1.0文档中，我发现这并不容易。它在本机元素类型上创建了一个变体，定义为自定义元素。检查“扩展本机元素”部分，并在此处查看有关类型扩展的信息：。
  <paper-tabs class="flex">