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

カテゴリ: CSS

記事投稿日: 2014年6月29日



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


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


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

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

}

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

}







コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA




トップに戻る