无法改变弹出的宽度

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的指导是让它们尽可能小.请参阅本文中的"设计弹出窗口":

"弹出窗口指南和清单"