前端學習記錄 - viewport

傳回目錄

viewport

• viewport，視口（可視區視窗），可以通過meta标簽設定
• content，視口裡的相關設定
  • width：視口的寬度，值為數字，或字元串device-width（裝置的實際寬度）
  • height：視口的高度（與width取值一緻）
  • user-scalable：是否允許使用者進行頁面縮放，值為no或yes，代表不允許與允許
  • initial-scale：頁面初識縮放值，值為數字（可以帶小數）
  • minimum-scale：頁面最小能縮放的比例，值為數字（可以帶小數）
  • maximum-scale：頁面最大能縮放的比例，值為數字（可以帶小數）

• <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1"/>