メディアクエリ

メディアクエリの記述方法結構忘れがち。。。
というかいつも確認させてもらっております。。。

@media screen and (min-width:480px) { ...}
    /*　画面サイズが480pxからはここを読み込む　*/

@media screen and (min-width:768px) and ( max-width:1024px) {...}
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/

@media screen and (min-width:1024px) {...}
    /*　画面サイズが1024pxからはここを読み込む　*/

レスポンシブの基本、メディアクエリの書き方 | それからデザイン スタッフブログ

以前のWebは「PCで見る」というのが第一でありそれ以外の選択肢はありませんでしたが、 最近ではスマートフォンやタブレットの登場により、ユーザーの環境も様変わり...

sole-color-blog.com