メディアクエリでレスポンシブ対応する際の基本の型

結構使えるメディアクエリ

/* iPhone 縦 */

@media screen and (min-width:480px) { 
    /*　for iPhone Landscape　(iPhone 横)　*/

}
@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　for iPad 　*/

}
@media screen and (min-width:1024px) {
    /*　for PC　*/

}

スマホ、タブレット、PCすべての画面でレスポンシブに対応するにはこのメディアクエリの記述を使えば良い。
メモとしてここに書いておく。