meta篇

　　1.視窗寬度

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

　　其中 width=device-width 是設置視窗寬度為設備視窗寬度，還可以固定寬度，例如：width=640 則是640px的寬度（常見于微信）；

　　initial-scale=1.0 ：設置縮放比例為1.0；

　　minimum-scale=1.0 和 maximum-scale=1.0 ：最小縮放比例和最大縮放比例；

　　user-scalable=no ：禁止用戶自由縮放，user-scalable 默認值為 yes 。

　　提示：剛剛那個是帶全部參數的，一般常用的，有 user-scalable=no 就不用使用minimum-scale=1.0 和 maximum-scale=1.0 來強制禁止縮放了。

　　2.自動識別格式

　　<meta name="format-detection" content="telephone=no"/>

　　content 里面的參數：telephone=no 是禁止瀏覽器自動識別手機號碼，email=no 是禁止瀏覽器自動識別Email。

　　3.完整模板

　　<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>

　　<meta name="format-detection" content="telephone=no"/>

　　<meta name="format-detection" content="email=no"/>

　　CSS篇

　　body {     font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; /*使用無襯線字體*/

　　}

　　a, img {     -webkit-touch-callout: none; /*禁止長按鏈接與圖片彈出菜單*/

　　}

　　html, body {     -webkit-user-select: none; /*禁止選中文本*/     user-select: none;}button,input,optgroup,select,textarea {     -webkit-appearance:none; /*去掉webkit默認的表單樣式*/

　　}

　　a,button,input,optgroup,select,textarea {     -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button點擊時的藍色外邊框和灰色半透明背景*/

　　}

　　input::-webkit-input-placeholder {     color:#ccc; /*修改webkit中input的planceholder樣式*/

　　}

　　input:focus::-webkit-input-placeholder {     color:#f00; /*修改webkit中focus狀態下input的planceholder樣式*/

　　}

　　body {     -webkit-text-size-adjust: 100%!important; /*禁止IOS調整字體大小*/

　　}

　　input::-webkit-input-speech-button {     display: none; /*隱藏Android的語音輸入按鈕*/

　　}