レスポンシブレイアウトデザインのためのCSSテンプレート

よく使いそうなので備忘録としてまとめます。
最初に小さい画面から設定するのがコツです。

/* スマホ用①  幅320px */


/* スマホ用② */
@media only screen and (min-width: 480px) {
   
}

/* タブレット用 */
@media only screen and (min-width: 768px) {

}

/* デスクトップ */
@media only screen and (min-width: 960px) {

}