スタイルタグに入れたい、画面が500pxより狭い場合はh1フォントサイズを50ピクセルにします

Question

@media tageの使い方を学んでいます。画面が500pxなど

あなたは500pxなどの特定の最大幅の構文

Answer 1

@media screen and (max-width: 500px) { 
    h1 {font-size: 50px} 
} 

Answer 2

何だろうであるよりも狭くなっている場合、私はスタイルのタグに入れると50個のピクセルにH1フォントサイズを伝えたいですあなたのニーズに応じて、最小と最大の高さを指定したい場合は

@media screen and (max-width: 500px) { 
    h1 { 
     font-size: 50px 
     } 
} 

：次のように書きます。これは、複数回に分割する必要がある場合に便利です。最大幅が500ピクセルで、フォントサイズを500〜300ピクセルの範囲でのみ指定する場合は、次のように記述します。

@media screen and (max-width: 500px) and (min-width: 300px) { 
    h1{ 
     font-size: 50px; 
     } 
}