HTML
ビューポート
中級読み方：ビューポート｜英語：Viewport
ブラウザでWebページが表示される領域。metaタグで幅を設定しレスポンシブ対応する。
やさしい説明
ビューポートは、ブラウザでWebページが実際に表示される領域のことです。
metaタグでビューポートの幅を設定することで、スマホでも適切なサイズで表示されます。
具体例・使い方
meta name=viewport content=width=device-width, initial-scale=1.0
この設定がないとスマホでPC版サイトが縮小表示される
よくある疑問
Q: viewportのmetaタグは必須？
A: スマホ対応するなら必須です。書かないとPCサイズで縮小表示されます。
関連用語
📖 関連レッスン
レッスンを見る →