Mobile Development webapp Development of common meta settings mobile browser Full-screen mode, Webappmeta

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: After viewport, add Minimal-ui in Safri to reflect the effect

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

2. Hide status bar/Set 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= "Application title" >

4, ignoring the automatic identification number for the phone number :

<meta content= "Telephone=no" name= "Format-detection"/>

5, ignoring the automatic identification of the mailbox account :

<meta content= "Email=no" name= "Format-detection"/>

6, Common browser full screen settings :

<!--UC forced vertical screen-->
<meta name= "screen-orientation" content= "Portrait" >

<!--UC forced Full-screen--> 
<meta name= "Full-screen" content= "yes" >

<!--UC Application Mode--> <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 Application Mode- ->
<meta name= "X5-page-mode" content= "App" >

<!--is for some old viewport browsers, such as BlackBerry-->

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

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