角度材料のフィールドを幅に設定する方法：100％？

840px未満の画面サイズでフォームフィールドを最大幅に設定するにはどうすればよいですか？角度材料のフィールドを幅に設定する方法：100％？

私は次を使用しています：角度、角度の材料&フレックスレイアウト。

具体的には、これが機能しないのはなぜですか&代わりに何を使用しますか？

Styles.cssを：

@media (max-width: 840px) { 
    md-form-field{ 
    width: 100%; 
    } 
}

2017-09-21 Rem

は、おそらくあなたはstyles.cssのように、間違ったCSSファイルにルールを設定します。スタイルを設定する必要がある場合は、ViewEncapsulationをオフにしてください：

import { ViewEncapsulation } from '@angular/core'; 

@Component({ 
    encapsulation: ViewEncapsulation.None, 
})

2017-09-21 14:39:09

これは、関連するコンポーネントで参照されているファイルにCSSルールを移動したものです。私はまだ、スタイルCSSにインポートされたマテリアルCSSがどのように適用されるのか理解できませんが、手動のCSSルールでは適用できません。 – Rem

答えて