Viewport的用處：手機擁有了瀏覽器的初期,人們並沒有專門為移動設備設計頁面,造成的直接結果就是,訪問的頁面是直接將電腦頁面進行縮放,操作起來有諸多不便,viewport就是用來解決這個問題的

1、viewport的概念：移動設備上,用來顯示網頁的區域.

• 如果把移動設備的瀏覽器(也有可能是app中的webview) ,當做相框的話
• viewport就相當於相框中的畫,可能會比相框小,可能會比相框大,如果剛好一樣大,那就皆大歡喜.

2、修改viewport：我們可以通過meta標簽去修改viewport的值，防止滾動條出現，提升用戶體驗

• 移動web常見設置<meta name="viewport"
  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
• 該屬性最早是蘋果公司在Safari中推出用來解決移動設備的viewport問題的.後來被各大安卓以及瀏覽器廠商效仿,所以說這個屬性真的是非常有用的

3、可選值

• width:設置layout viewport 的寬度，為一個正整數，或字符串" device- width"
• initial-scale:設置頁面的初始縮放值，為一個數字，可以帶小數
• minimum-scale:允許用戶的最小縮放值，為一個數字，可以帶小數
• maximum-scale:
  允許用戶的最大縮放值，為一個數字，可以帶小數
• height:設置layout viewport 的高度，這個屬性對我們並不重要，很少使用
• user-scalable:是否允許用戶進行縮放，值為"no"或"yes", no 代表不允許，yes代表允許

viewport簡介