Mobile Development WebApp Development common meta Settings mobile browser full screen mode

1.WebApp Full Screen mode:

<meta name= "viewport" content= "width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, User-scalable=no,minimal-ui ">

Note: The viewport is followed by a minimal-ui in the Safri to reflect the effect

<meta name= "apple-mobile-web-app-capable" content= "yes"/>

2. Hide the status bar/set the status bar color :

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

3, Safri added to the main screen display title :

<meta name="apple-mobile-web-app-title" content="应用标题">

4. Ignore auto-recognition numbers for phone numbers :

<meta content="telephone=no" name="format-detection" />

5, ignore the automatic identification of the mailbox account :

  < Meta  content  = "Email=no"  name  =" format-detection "/>    

6、常用浏览器全屏设置：<!--UC Force vertical screen-<meta name= "screen-orientation" content= "Portrait" ><meta name= " Full-screen "content=" yes "><meta name=" Browsermode "content=" Application "><!--QQ forced vertical screen-- ><meta name= "x5-orientation" content= "Portrait" ><!--QQ Force full Screen--<meta name= " X5-fullscreen "content=" true "><!--QQ App mode--<meta name=" X5-page-mode "content=" app ">

<!--is for some older browsers that do not recognize viewport, such as BlackBerry--and

<meta name= "handheldfriendly" content= "true" >
<!--Microsoft's Vintage browser--

<meta name= "mobileoptimized" content= ">"

Mobile Development WebApp Development common meta Settings mobile browser full screen mode