聚合物纸 - 对话框 - 在阴暗的dom中将大小设置为完整视口?此外,这篇旧文章是否适用于阴暗的dom?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了聚合物纸 - 对话框 - 在阴暗的dom中将大小设置为完整视口?此外,这篇旧文章是否适用于阴暗的dom?相关的知识,希望对你有一定的参考价值。
我正在使用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
的所有孩子都在light dom
,对吗? - 为了让
paper-dialog
像在https://events.google.com/io2015/中那样填充视口,我是否需要使用/deep/
或::shady
访问阴暗的dom来执行此操作?似乎<paper-dialog class="fit">
会做到这一点。
答案
弄清楚....看了源代码,发现那里有margin
属性....我只是将它改为0px;
以上是关于聚合物纸 - 对话框 - 在阴暗的dom中将大小设置为完整视口?此外,这篇旧文章是否适用于阴暗的dom?的主要内容,如果未能解决你的问题,请参考以下文章