如何定位Web组件窗口？

Question

我正在使用聚合物设计弹出式Web组件。要求是我希望它完全位于浏览器窗口的中心。

这是演示链接 - https://jsbin.com/xupowov/edit?html,output

看起来Web组件将直接父级作为窗口引用。

是不是有办法将窗口定位到窗口，就像通常的位置：固定一样？

Answer 1

如果您想要相对于窗口大小定位内容，您还没有使用%，而是使用wh和vh

看看这个

     .picker {
        border-radius: 4px;
        border: 2px solid silver;
        background: white;

        position: fixed;

        height: 50px;
        left: -10vw; 
        right:-10vw;
      }

https://jsbin.com/hugecuxebo/1/edit

现在它位于水平中心。