移動端常用設定(未完待續)

標籤：

1.meta相關

  1）

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

  設定user-scalable=no 就不需要設定其他的縮放了

  2）自動識別格式的調整 禁止手機自動設別電話號碼，自動識別email

完整設定

<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"/>

2. 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的語音輸入按鈕*/}

 

移動端常用設定(未完待續)