Workaround: <body ontouchmove= "Event.preventdefault ()" > Phone-side settings: <meta content= "Width=device-width, initial-scale= 1.0, maximum-scale=1.0, user-scalable=0 "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" >
The first meta tag indicates that the width of the document is forced to remain 1:1 with the width of the device, and the maximum width of the document is 1.0, and the user is not allowed to click on the screen to enlarge;
Width-viewport width height-viewport Height initial-scale-Initial zoom Minimum-scale-Allows the user to zoom to the minimum scale Maximum-scale -Allows the user to zoom to the maximum scale user-scalable-whether the user can manually zoom
The second meta tag is the safari private meta tag in the iphone device, which says: Allow full-screen mode browsing;
The third meta tag is also the iphone's private label, which specifies the style of the iphone's status bar on the top of safari;
The color of the status bar (the top bar of the screen) in the Web App app, with default (white), Black (black) and black-translucent (gray translucent). Note: If the value "Black-translucent" will occupy the page px position, floating above the page (will cover the page 20px height –iphone4 and itouch4 Retina screen is 40px).
The fourth meta tag means: Tell the device to ignore the numbers on the page as a phone number.
IPhone prevents Safari page from dragging bounce up or down