Polymer &引用;核心标题面板“;似乎不是开箱即用的

Polymer &引用;核心标题面板“;似乎不是开箱即用的,polymer,web-component,Polymer,Web Component,我尝试了一些core聚合物元素,在中使用core标题面板时遇到了问题 我认为工具栏是对的,因为我设法做到了它使用最小CSS的地方。但是我在core header panel中找到的所有演示似乎都采用了组件外部的大部分布局配置(这似乎是组件的要点)。我误解了吗?根据polymer网站,core header panel始终需要明确设置高度 尝试使用fit属性(): .... 目前最好的模式是使用聚合物布局属性 <body fullbleed vertical layout>

我尝试了一些
core
聚合物元素,在中使用
core标题面板时遇到了问题


我认为工具栏是对的,因为我设法做到了它使用最小CSS的地方。但是我在core header panel中找到的所有演示似乎都采用了组件外部的大部分布局配置(这似乎是组件的要点)。我误解了吗?

根据polymer网站,core header panel始终需要明确设置高度

尝试使用fit属性():


....

目前最好的模式是使用聚合物布局属性

<body fullbleed vertical layout>
  <core-header-panel flex>

vertical layout
使主体成为一个(垂直)弹性体,而
核心标题面板上的
flex
属性将使其填满可用空间<代码>完全出血
属性将主体设置为适合视口

一般来说,这是一种比使用
fit
更好的模式,因为弹性盒更具弹性。您可以在主体中添加不同的页眉或页脚,flex面板将进行调整

此外,使用
layout
容器和
flex
子容器是一种模式,您可以在应用程序的其他位置继续使用

<body fullbleed vertical layout>
  <core-header-panel flex>