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" >
<!--UC Mandatory fullscreen--<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 mandatory fullscreen-- ><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