画面のメディアクエリが機能しません

Question

私はmaterialize.cssの画面サイズに従ってフォントサイズを変更しようとしています。しかし、それは動作していません。私は間違って何をしているのですか？

@media screen and (min-device-width: 600) and (max-device-width: 1500) { 
h1{ 
    font-size: 2em; 
} 
h5{ 
    font-size: 14px; 
    color: green; 
}} 

Answer 1

は単に

@media screen and (min-device-width: 600px) and (max-device-width: 1500px) { 
h1{ 
    font-size: 2em; 
} 
h5{ 
    font-size: 14px; 
    color: green; 
}} 

Answer 2

は、600pxとしての幅にpxを追加するようにしてください評価にピクセルを追加していない600 また、トップ<meta name="viewport" content="width=device-width, initial-scale=1.0">

metaでこのメタタグを入れてくださいviewport要素は、ブラウザにページの寸法とスケーリングを制御する方法を指示します。 width=device-width部分は、ページの幅をデバイスの画面幅に合わせて設定します（デバイスによって異なります）。 initial-scale=1.0部分は、ページがブラウザによって最初に読み込まれたときに初期ズームレベルを設定します。