2021年版・HTML・CSSの書き方

スマートフォン対応のビューポートの設定

スマートフォン対応するWebサイトには、以下のmetaタグで指定できるビューポートをHTMLヘッダに指定します。スマートフォンの横幅に合わせて、描画してくれます。

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

初心者からプロのWeb開発者になれる講座 HTML・CSS入門の動画紹介