移动端浏览器适配与美化

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no,viewport-fit=cover">
    <meta charset="utf-8">
    <!-- Safari强制全屏 -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- <meta name="apple-touch-fullscreen" content="yes" /> -->
    <!-- Safari设置状态栏颜色 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 防止Safari把数字误识别为电话号码 -->
    <meta name="format-detection" content="telephone=no">
    <!-- UC强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">

    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">