viewport 的用途是告訴瀏覽器目前裝置的寬與高，作為縮放時的基準

用法:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

屬性說明:

• width: 使用 device-width (裝置寬度) 作為可視區域的寬度
• height: 使用 device-height (裝置高度) 作為可視區域的高度
• initial-scale: 文檔初始的比例，用 1 表示 100%，須為正數
• minimum-scale: 最小可以縮放的比例
• maximum-scale: 最大可以縮放的比例
• user-scalable: 是否允許使用者進行縮放。yes 或 no

Ref:

• Mobile Web 前端技術筆記(一): Viewport的設定