// 移动端meta标签

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1">

// X5浏览器内核解析

<meta name="x5-orientation" content="portrait" />  // 强制竖屏
<meta name="x5-fullscreen" content="true" />  // 强制全屏

// UC浏览器内核

<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes">

//取消数字拨号的链接

<meta name="format-detection" content="telephone=no, email=no">
可以给数字单独添加拨号的链接 <a href="tel:15812345678">15812345678</a>

//去掉移动端点击时的背景颜色

a, input, button{
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

//清除按钮的圆角

input, button {
    -webkit-appearance: none;
    border-radius: 0;
}

// 禁止文字缩放

body *{
    -webkit-text-size-adjust:100%;
}

// Font Boosting 在一段文字我们没有给他设置高度的时候，在webkit内核下，文字的大小被浏览器放大 解决办法：设置高度，如果高度不定，设置最大高度 max-height // 禁止文字缩放 //移动端取消虚拟键盘弹出

document.activeElement.blur() // ios隐藏键盘
this.$refs.input.blur() // android隐藏键盘

动态计算html的font-size，定义rem的大小

(function (doc, win) {
        var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
        };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);