https://qiita.com/ryounagaoka/items/045b2808a5ed43f96607
基本
<meta name="viewport" content="width=《幅》">
1. 《幅》pxのウインドウサイズを持つ仮想的なブラウザで、画面表示を行う
2. 仮想的なブラウザの画面内容を、実デバイスの画面幅にフィットするように拡大縮小して表示する
※《幅》に"device-width"が指定された場合、OSに設定してある既定値が利用される。
実際には360や480などがよく利用される。(実デバイスの画面幅ピクセル数が設定されるわけではない)
javascriptやcssのメディアクエリでは、実デバイスの画面幅ピクセル数に関係なく仮想的なブラウザ上のウインドウサイズが参照される。
よく使われる設定
<meta name="viewport" content="width=device-width,initial-scale=1">
各属性の既定値
device-width=980 initial-scale=1.00 minimum-scale=0.25 maximum-scale=1.60 user-scalable=yes