(function(doc, win) {
var docEle = doc.documentElement;
var fn = function() {
var width = docEle.clientWidth;
docEle.style.fontSize = 100 * (width / 750) + "px";
};
win.addEventListener("resize", fn, false);
doc.addEventListener("DOMContentLoaded", fn, false);
win.addEventListener("pageshow", function(e) {
if(e.persisted) {
fn();
}
}, false);
}(document, window));
<button>在ios系统下点击出现底色,解决方法:
-webkit-tap-highlight-color:transparent
防止ios系统长按出现别的列表:
-webkit-touch-callout: none;
禁止复制文字:
-webkit-user-select:none
防止ios滑动卡顿:
-webkit-overflow-scrolling: touch;
初始大小及禁止用户缩放:
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
防止Safari自动识别号码:
<meta name="format-detection" content="telephone=no" />