解决了哪些移动端的兼容问题?

1.当设置样式overflow：scroll&&auto 时，IOS上滑动会卡顿。

    -webkit-overflow-scrolling:touch

2.在安卓环境下placeholder文字设置行高会偏上。

        input有placeholder属性的时候不要设置行高。

3.移动端字体小于12px时显示异常。

        将整体放大一倍，然后使用transform缩小。

4.IOS下input按钮设置了disabled属性文true显示异常。

    input[type=button]{
        opacity：1
    }

5.安卓手机下取消语音输入按钮。

    input::--webkit-input-speech-button{
        display:none
    }

6.IOS下取消input输入框再次输入文字引文首字母默认大写。

    <input autocapitalize='off' autocorrect='off'/>

7.禁用IOS和安卓用户选中文字。

        添加全局CSS样式：

    -webkit-user-select:none

8.禁止IOS弹出各种窗口。

    -webkit-touch-callout:none

9.禁止IOS识别长串数字为电话。

        添加meta属性：

    <meta conten='telephone=no' name='format-detection'>