[css] レスポンシブルデザインcssの書き方

レスポンシブルデザインcssの書き方が以下の通り

min-width:xxxでデバイスの画面を指定して、そこのCSSを書いていく

それ以上のデバイスサイズのCSSは読み込まれないので、モバイルファーストでCSSを書いていくことが推奨されている。

/*
@media以外の所は全てのサイズで読み込まれる
*/
p {
 color:red;
}
@media screen and (min-width:300px) { 
 /*　画面サイズが300pxからはここを読み込む　*/

}
@media screen and (min-width:768px) and ( max-width:1024px) {
 /*　画面サイズが768pxから1024pxまではここを読み込む　*/

}
@media screen and (min-width:1024px) {
 /*　画面サイズが1024pxからはここを読み込む　*/
 
}