2012-07-28 9 views
7

フライアウトにはID「productFlyout」があります。背景色と幅を設定しようとしました。赤色ですが、幅は変わりません。メトロはあまりにも大きな幅を許さないようです。フライアウトの幅を変更できません

JSファイル:

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

CSSファイル:

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


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

あなたはVSでDOMエクスプローラを使用している場合は、それを設定されたルールの幅を設定している人と言うと、ん?フライアウトはプログラム的に設定されており、そこにはより高い特異性があります。 –

答えて

7

デフォルトで設定されたフライアウトの制限があります。 UI-dark.cssまたはUI-light.cssのいずれかで ".win-フライアウト" のための迅速な検索を行うと、あなたはデフォルトのために表示されます:

  • 分幅
  • 最大幅
  • を分の高さ
  • 最大高さ

あなたのCSSでそれらをオーバーライドするが、フライアウトのためのガイダンスはできるだけ小さく、それらを維持することである心に留めておくことができます。この記事では、「フライアウトの設計」を参照してください。

"Guidelines & checklist for Flyouts"

関連する問題