Common meta settings for mobile development

<!-- View window, a mobile-specific label. -->
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <!-- Whether to start the webapp function will delete the default Apple toolbar and menu bar. -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- This is mainly set according to the main color of the actual page design. -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <!-- Ignore the numbers in the page and identify them as phone numbers, email identification-->
    <meta name="format-detection"content="telephone=no, email=no" />
    <!-- Enable 360 ​​browser speed mode (webkit) -->
    <meta name="renderer" content="webkit">
    <!-- Avoid IE using compatibility mode-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Optimized for handheld devices, mainly for some old browsers that do not recognize viewport, such as BlackBerry -->
    <meta name="HandheldFriendly" content="true">
    <!-- Microsoft's old browser -->
    <meta name="MobileOptimized" content="320">
    <!-- uc forced vertical screen -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ forced vertical screen -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC force full screen -->
    <meta name="full-screen" content="yes">
    <!-- QQ forced full screen -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC application mode-->
    <meta name="browsermode" content="application">
    <!-- QQ application mode-->
    <meta name="x5-page-mode" content="app"> 
    <!-- windows phone click no highlight-->
    <meta name="msapplication-tap-highlight" content="no">