高聚物纸-对话框-设置大小到完全视口在阴凉？另外，这篇旧文章适用于阴暗面吗？

Question

我正在使用Poylmer1.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>

请提出问题：

1. 为了确认一下，paper-dialog的所有孩子都在light dom，对吗？
2. 要让paper-dialog像在https://events.google.com/io2015/中那样填充视图端口，我需要使用/deep/或::shady访问shady域吗？看来<paper-dialog class="fit">会这么做。

​

​

Answer 1

在源代码中找到了out....looked，并在那里找到了margin属性.我只是把它更改为0px；