Mobile Web front-end development resource integration

Meta-article:
<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 is to prohibit the browser to automatically recognize the mobile phone number, Email=no is forbidden to automatically recognize the browser email-->
CSS article:
Body {
font-family: "Helvetica Neue", Helvetica, Stheiti, Sans-serif; /* Use sans serif fonts */
}

Body {
-webkit-text-size-adjust:100%!important; /* Disable iOS resizing the font */
}

A, img {
-webkit-touch-callout:none; /* Disable long press link and picture popup menu */
}

HTML, Body {
-webkit-user-select:none; /* Disable text selection */
User-select:none;
}

Button,input,optgroup,select,textarea {
-webkit-appearance:none; /* Remove WebKit default form style */
}

A,button,input,optgroup,select,textarea {
-webkit-tap-highlight-color:rgba (0,0,0,0); /* Remove the blue outer border and gray translucent background when a, input, and button are clicked */
}

Input::-webkit-input-placeholder {
Color: #ccc; /* Modify the Planceholder style of input in WebKit */
}

Input:focus::-webkit-input-placeholder {
Color: #f00; /* Modify the Planceholder style of input in the WebKit focus state */
}

Input::-webkit-input-speech-button {
Display:none; /* Hide the android Voice input button */
}

Mobile Web front-end development resource integration