无法更改弹出窗口的宽度答案

【问题标题】：Can't change width of flyout无法更改弹出窗口的宽度
【发布时间】：2012-07-28 15:29:59
【问题描述】：

我有一个 ID 为“productFlyout”的浮出控件。我试图设置它的背景颜色和宽度。它有红色，但宽度没有变化。看来 Metro 不允许宽度太大。

JS 文件：

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

CSS 文件：

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


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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：