3

私は 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>

質問してください：

  1. 確認のため、 のすべての子はに含まpaper-dialogれてい light domますよね？

  2. https://events.google.com/io2015/paper-dialogで行われたようにビューポートを埋めるには 、日陰のDOMにアクセスする必要がありますか? これを行うようです。/deep/::shady<paper-dialog class="fit">

ここに画像の説明を入力

4

1 に答える 1

0

それを理解しました....ソースコードを見て、marginそこに属性を見つけました....私はそれを0pxに変更しました。

于 2015-07-14T01:33:02.463 に答える