A black background appears when the button is clicked.
Workaround:
. class {-webkit-tap-highlight-color:rgba (0,0,0,0);}. class {-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
Second, the Pseudo-class in iOS: Active invalidation
Workaround:
$ (function () {
Third, the mobile terminal common <meta> tags
<meta content= "Width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" Name= "Viewport" ><meta content= "yes" name= "apple-mobile-web-app-capable" ><meta content= "Black" name= " Apple-mobile-web-app-status-bar-style "><meta content=" Telephone=no "name=" Format-detection ">
Iv. Responsive Syntax
@media screen and (max-width:320px) { . class {}} @media screen and (min-width:321px) and (max-width:375px) { . clas s {}}
Five, screen browser sliding page
Workaround
var doc = document.getElementById (' id ');d oc.addeventlistener (' Touchmove ', function (event) {if (Event.target.type = = ') Range ') return; Event.preventdefault ();})
Web Mobile FAQ