デバイスにあわせて表示領域を設定する

metaタグでマークアップします

PCに合わせてCSSでスタイリングしたあと、おおざっぱにでもスマホ用のCSSをスタイリングするため、HTMLのメタタグに以下を書き込みます。

    <meta name="viewport" content="width=device-width, initial-scale=1">

このマークアップで、ざっくりとデバイスにあわせて表示されます。