Mobile Development WebApp Development common meta settings (mobile browser full-screen mode HTML5)------turn

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 Status bar/Set status bar color：

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

3, Safri Add a display title to the main screen interface：

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

4. Ignore automatic recognition numbers for phone numbers：

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

5. Ignore auto-Identify email account：

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

6、常用浏览器全屏设置：<!--UC Force vertical screen--><meta name= "Screen-orientation" content= "Portrait" ><!--UC Force 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 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 HTML5)------turn