技術wiki

/* 画面幅が480px以上のときだけ、pタグにCSSを設定 */
@media screen and (min-width:480px) { 
    p {
 
    }
}
 
/* 画面幅が768px以上、1024px以下のときだけ、pタグにCSSを設定 */
@media screen and (min-width:768px) and ( max-width:1024px) {
    p {
 
    }
}

@media screen andの後に、min-widthやmax-widthで対象デバイスの幅を設定する。

CSS

画面サイズに応じてCSSを変更する