メディアのクエリが機能しなくなった

Question

小さいサイズのメディアクエリ（例：400ピクセル）が1400ピクセルのデスクトップサイズの画面の要素をどのように制御できるかを知りたいのは興味深いです。メディアクエリの私の理解から、特定の画面サイズでのみ起動することになっているということです。誰かがこの問題で私を助けてくれますか？

Answer 1

メディアクエリが@media(min-width:400px)に設定されている場合、「min（imum）-width」に設定されているため、画面サイズが400pxより大きいすべての要素に影響します。

400pxの要素と画面解像度の要素にのみ影響を与えたい場合は、@media(max-width:400px)を使用します。例えば、パー

、あなたが設定されている場合：

h1 { color: red; } 

@media(min-width:600px) { 
    h1 { color: black; } 
} 

@media(min-width:900px) { 
    h1 { color: white; } 
} 

をあなたのh1は（それがデフォルトであるため）600PXで黒とオーバー、600PXの下で何で赤く表示され、900pxとオーバーで白ます。