移动端开发相关

//自适应
(function(doc, win) {
    var docEle = doc.documentElement;
    var fn = function() {
        var width = docEle.clientWidth;
        docEle.style.fontSize = 100 * (width / 750) + "px";  //假设设计图宽度是按照750像素
    };
    win.addEventListener("resize", fn, false);
    doc.addEventListener("DOMContentLoaded", fn, false);  //ready
    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" />  

猜你喜欢

转载自blog.csdn.net/qq_33325959/article/details/78722166