Polymer paper-dialog - 在 shady dom 中将大小设置为完整视口？另外，这篇旧文章是否适用于 shady dom？

Question

我正在使用 Poylmer 1.0，但我仍在阅读 https://www.polymer-project.org/0.5/articles/styling-elements.html#cat。有谁知道同样的逻辑是否适用于 Shady dom?

我真的很喜欢 https://events.google.com/io2015/ 制作他们视频的方式。它使用 paper-dialog 来显示视频并采用完整视口。

我很难让 paper-dialog 拍摄完整视口。如图所示，我似乎不能强迫它。我试过 top: 0px; bottom 0px; left: 0px, right: 0px 但这会破坏行为。 fit 给了我到目前为止你在图像中看到的最接近的样子。

  <paper-dialog class="video-dialog fit">
   <div class="layout horizontal">
    <paper-button dialog-dismiss>
      <paper-icon-button icon="arrow-back"></paper-icon-button>
    </paper-button>
  </div>
    <div style="height: 100%; width: 100%">
      <google-youtube style="height: 100%;"
        video-id="YMWd7QnXY8E"
        rel="1"
        start="5"
        playsinline="0"
        controls="2"
        showinfo="0"
        width="100%"
        height="100%"
        autoplay="1">
      </google-youtube>
  </paper-dialog>

有问题，请：

确认一下，paper-dialog的所有children都在 light dom，正确吗？
使 paper-dialog 像在 https://events.google.com/io2015/，我需要访问黑幕吗dom 使用 /deep/ 或 ::shady 来执行此操作？看来 <paper-dialog class="fit"> 会这样做。

Answer 1

搞定了....查看源代码，发现那里有margin属性....我只是把它改成了0px；

Polymer paper-dialog - 在 shady dom 中将大小设置为完整视口？另外，这篇旧文章是否适用于 shady dom？

Polymer paper-dialog - set size to full viewport in shady dom? Also, does this old article apply to shady dom?

polymer

shady-dom