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

f:id:goldenmilk:20200601134214p:plain

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

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

 

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

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