レスポンシブ対応するために忘れがちなので、viewportの指定のメモです
Viewport
サイトの表示領域をスマホの画面幅に合わせる設定をする場合はhtmlのhead内に下記の一行を入れればOK
<meta name="viewport" content="width=device-width, initial-scale=1">
スタイルが切り替わるときのviewportの幅。
viewportの幅ごとのスタイルを指定したい際はメディアクエリを使用する
例)
※画面幅が600px〜800pxの間で背景色がスカイブルーになる