@charset "utf-8";
外部スタイルシートの文字コードの指定。1行目に書く。
【shift_jis】や【euc-jp】を指定する場合は【utf-8】の部分を置き換える。
@media screen and (min-width: サイズpx) {ここにcssを記入 }
min-width(最小の画面サイズ)より上のサイズにcssが適応される。
@media screen and (max-width: サイズpx) { ここにcssを記入}
max-width(最大の画面サイズ)より小さいサイズにcssが適応される。
@media screen and (min-width:最小サイズpx) and ( max-width:最大サイズpx) {ここにcssを記入}
min-width(最小の画面サイズ)~max-width(最大の画面サイズ)までのサイズ幅でcssが適応される。
/* コメント */
ブラウザ上に表示されないメモ。
/* =========================▼ コメント ▼ */
こういうのだと見つけやすくて編集しやすい。
/* =========================▲ コメント ▲ */
@charset "utf-8";
/* ============================= コメント == */
@media screen and (min-width: サイズpx) {
} /* min-サイズ end */
@media screen and (max-width: サイズpx) {
} /* max-サイズ end */