自適應meta頭部程式碼：

    <meta charset="utf-8">
   <meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=750px, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">

解釋：

1、設定meta屬性

• content屬性值 :

（1）width：可視區域的寬度，值可為數字或關鍵詞device-width；

（2）height：同width；

（3）intial-scale：頁面首次被顯示是可視區域的縮放級別，取值1.0則頁面按實際尺寸顯示，無任何縮放；

（4）maximum-scale=1.0, minimum-scale=1.0：可視區域的縮放級別，maximum-scale使用者可將頁面放大的程式，1.0將禁止使用者放大到實際尺寸之上；

（5）user-scalable：是否可對頁面進行縮放，no 禁止縮放。

2、蘋果為了提高Safari中網站的輔助功能，遮蔽了Meta下的user-scalable=no功能。所以在iOS10下面，就算加上user-scalable=no，Safari瀏覽器也能支援手動縮放。所以只能用js加監聽事件來阻止手動縮放。

• width=device-width ：表示寬度是裝置螢幕的寬度

• initial-scale=1.0 ：表示初始的縮放比例

• minimum-scale=0.5 ：表示最小的縮放比例

• maximum-scale=2.0 ：表示最大的縮放比例

• user-scalable=yes ：表示使用者是否可以調整縮放比例