1, because Apple led the mobile browser to respond to double-click Zoom, so the Click event will have a 300ms delay, for WebApp this experience is very bad,
Workaround: "Disable scaling in Meta":
<name= "Viewport" content= "width=device-width,initial-scale=1.0, Maximum-scale=1.0,minimum-scale=1.0,user-scalable=no ">
2, Mobile Click event appears background box (for Mint-ui in the POPUI component, click on the mask to close the modal, will flash first before closing): solution:
* { -webkit-tap-highlight-color:rgba (0, 0, 0, 0); -moz-tap-highlight-color:rgba (0, 0, 0, 0); -ms-tap-highlight-color:rgba (0, 0, 0, 0); -o-tap-highlight-color:rgba (0, 0, 0, 0); tap-highlight-color:rgba (0, 0, 0, 0); }
3, the mobile side disable long press appear copy, cut and other operations
* { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
WebApp must be noted in the following areas: