メディアクエリ

画面の横幅に合わせてCSSを変更できる

code:css

@media screen and (min-width:480px) {

/*　画面サイズが480pxからはここを読み込む　*/

p { color:#ededed;}

}

@media screen and (min-width:768px) and ( max-width:1024px) {

/*　画面サイズが768pxから1024pxまではここを読み込む　*/

p {}

}

@media screen and (min-width:1024px) {

/*　画面サイズが1024pxからはここを読み込む　*/

}