一：在移動開發的頁面裏中常常會出現以下這樣的代碼，這裏總結一下這樣寫的意義和作用：
1.該meta標籤的作用是讓當前viewport的寬度等於設備的寬度，同時不允許用戶手動縮放，以防手機頁面下方出現滾動條。
initial-scale：設置頁面的初始縮放值，爲一個數字，可以帶小數；
minimum-scale: 允許用戶的最小縮放值，爲一個數字，可以帶小數；
maximum-scale：允許用戶的最大縮放值，爲一個數字，可以帶小數。
<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1" />2.width=device-width，把當前的viewport寬度變成ideal viewport的寬度
<meta name="viewport" content="width=device-width, initial-scale=1">3 . telephone=no禁止了把數字轉化爲撥號鏈接,默認爲yes開啓
<meta name="format-detection" content="telephone=no" />4 . 這meta的作用就是刪除默認的蘋果工具欄和菜單欄。content有兩個值”yes”和”no”,當我們需要顯示工具欄和菜單欄時，這個行meta就不用加了，默認就是顯示。
<meta name="apple-mobile-web-app-capable" content="yes" />5 .控制狀態欄顯示樣式
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
6 . 用CSS來控制字體縮放
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}二：動態改變meta viewport標籤的兩種方法：
document.write('<meta name="viewport" content="width=device-width,initial-scale=1">')；
<!--註釋：使用document.write來動態輸出meta viewport標籤；--><meta id="testViewport" name="viewport" content="width = 380">
<script>
var mvp = document.getElementById('testViewport');
mvp.setAttribute('content','width=480');
</script>
<!-- 註釋：通過setAttribute來改變 -->