　r66 　2021/04/08更新

viewportを設定する

CSS

viewportを設定しよう

・viewportを設定しないとパソコン以外の端末でサイトを閲覧した際に、メディアクエリが正しく機能しない。

・表示された画面環境に応じて適応するスタイルを切り替える機能

・htmlファイルに下記を記載

<head>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 ↑これを<head>内に書く
</head>