Skip to content

Latest commit

 

History

History
13 lines (10 loc) · 839 Bytes

cssviewport.md

File metadata and controls

13 lines (10 loc) · 839 Bytes

What's viewport?

TL;DR

  • meta viewport タグを使用して、ブラウザのビューポートの幅とスケーリングを制御します。
  • width=device-width を追加して、デバイス非依存ピクセルで画面の幅を合わせます。 initial-scale=1 を追加して、CSS ピクセルとデバイス非依存ピクセルが 1:1 の関係になるように指定します。
  • ユーザーによるスケーリングを無効にせず、確実にページを見れるようにします。

Reference

もう逃げない。HTMLのviewportをちゃんと理解する - Qiita

レスポンシブ ウェブデザインの基本  |  Web  |  Google Developers