移動WEB前端開發資源整合

標籤：開發   mat   --   focus   ant   call   one   hone   scale   

meta篇：
<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"/>
<!--telephone=no 是禁止瀏覽器自動識別手機號碼，email=no 是禁止瀏覽器自動識別Email-->
css篇：
body {
font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; /*使用無襯線字型*/
}

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

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樣式*/
}

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

移動WEB前端開發資源整合