无法改变弹出的宽度

Question

我有一个flyout有id“productFlyout”。我试着设置它的背景颜色和宽度。它有红色但宽度不变。似乎Metro不允许宽度太大。

JS档案：

productFlyout.winControl.show(dummyDOM, "bottom", "center");

CSS文件：

#productFlyout {
   background: red;
    width: 1000px;
}


#productFlyout .win-flyout {
    width: 1000px;
    background: red;
}

Answer 1

默认情况下，Flyout设置有限制。在ui-dark.css或ui-light.css中快速搜索“.win-flyout”，你会看到默认值：

• 最小宽度
• 最大宽度
• 最小高度
• 最大高度

您可以覆盖CSS中的那些，但请记住，Flyouts的指导是让它们尽可能小。请参阅本文中的“设计弹出窗口”：

"Guidelines & checklist for Flyouts"