解決方法:
<body ontouchmove="event.preventDefault()" >
手機端設置:
<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">
<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">
第一個meta標簽表示:強制讓文檔的寬度與設備的寬度保持1:1,並且文檔最大的寬度比例是1.0,且不允許用戶點擊屏幕放大瀏覽;
width - viewport的寬度 height - viewport的高度 initial-scale - 初始的縮放比例 minimum-scale - 允許用戶縮放到的最小比例 maximum-scale - 允許用戶縮放到的最大比例 user-scalable - 用戶是否可以手動縮放
第二個meta標簽是iphone設備中的safari私有meta標簽,它表示:允許全屏模式瀏覽;
第三個meta標簽也是iphone的私有標簽,它指定的iphone中safari頂端的狀態條的樣式;
在web app應用下狀態條(屏幕頂部條)的顏色; 默認值為default(白色),可以定為black(黑色)和black-translucent(灰色半透明)。 注意:若值為“black-translucent”將會占據頁面px位置,浮在頁面上方 (會覆蓋頁面20px高度–iphone4和itouch4的Retina屏幕為40px)。
第四個meta標簽表示:告訴設備忽略將頁面中的數字識別為電話號碼。