本文将带你了解WEBAPP开发之移动开发webapp开发常用meta设置手机浏览器全屏模式，希望本文对大家学微信有所帮助。

移动开发webapp开发常用meta设置手机浏览器全屏模式
1、WebApp全屏模式：
<meta name="viewport"   content="width=device-width,initial-scale=1.0, minimum-scale=1.0,   maximum-scale=1.0, user-scalable=no,minimal-ui">
注意：viewport 后面加上 minimal-ui 在safri 体现效果
<meta   name="apple-mobile-web-app-capable" content="yes"   />
     
    2、隐藏状态栏/设置状态栏颜色：
<meta   name="apple-mobile-web-app-status-bar-style"   content="black-translucent" />
   
     
    3、safri 添加到主屏界面的显示标题：
<meta   name="apple-mobile-web-app-title" content="应用标题">
   
     
    4、忽略自动识别数字为电话号码：
<meta content="telephone=no"   name="format-detection" />
   
   
    5、忽略自动识别邮箱账号：
<meta content="email=no"   name="format-detection" />
   
   
    6、常用浏览器全屏设置：
   
    <!-- 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">
   
   
     
     
    <!-- 是针对一些老的不识别viewport的浏览器，列如黑莓 -->
    <meta name="HandheldFriendly"   content="true"><!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
   
        

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之webapp频道！