meta viewport related

<! DOCTYPE HTML>   the H5 standard statement using HTML5 doctype, case-insensitive
 <head lang = "en"> standard wording lang attribute
 <meta charset = 'utf-8 '>     statement documents the character encoding used
 <meta http- equiv = "X-UA-Compatible " content = "IE = edge, chrome = 1" /> priority to use the latest version of IE and Chrome 
<Meta name = "the description" Content = "no more than 150 characters" /> page description 
< meta name = "keywords" content = "" /> page keyword 
<meta name = "author" content = "name, [email protected]" /> pages of 
<meta name = "robots" content = "index, follow "/> search engine crawlers 
<meta name =" viewport "content =" initial-scale = 1, maximum-scale = 3, minimum-scale = 1, user-scalable = no "> add viewport for mobile devices
 <meta name = "apple-mobile-web- app-title" content = " title"> the iOS devices begin
<meta name = "apple-mobile -web-app-capable" content = "yes" /> added to the title (iOS 6 new) after the main screen
 whether WebApp full-screen mode is enabled, delete the Apple default toolbars and menu bar
 < meta name = "apple-itunes- app" content = "app-id = myAppStoreID, affiliate-data = myAffiliateData, app-argument = myURL"> 
Add smart App App Banner banners the smart (the iOS 6+ Safari)
 <Meta name = "the Apple-Mobile-Web-App-Status-bar-style" Content = "Black" /> 
<Meta name = "format-Detection" Content = "Cellphone = NO, Email = NO" /> set Apple toolbar color 
< meta name = "renderer" content = "webkit">   enabled browser 360 speed mode (WebKit)
 <meta HTTP-equiv = "X--the UA-compatible" Content = "IE = Edge">      avoid IE compatibility mode
 <meta http-equiv = "Cache-Control " content = "no-siteapp" /> let Baidu transcoding 
<meta name=”HandheldFriendly” content=”true">      For the optimization of handheld devices, mainly for some old does not recognize the viewport of the browser, such as BlackBerry
 <meta name =" MobileOptimized "content =" 320 ">    Microsoft's older browsers
 <meta name =" screen-orientation "content = "Portrait">    uc forced portrait
 <meta name = "X5-Orientation" Content = "Portrait">     QQ forced portrait
 <meta name = "Full-screen" Content = "yes">               UC force full-screen
 <meta name = "X5-fullscreen" Content = " to true ">        QQ force full-screen
 <Meta name = "browsermode" Content = "file application">    the UC application mode
 <Meta name = "X5-Page-mODE" Content = "App">     QQ application mode
 <Meta name = "msapplication-TAP-highlight" Content = "nO">     Windows Phone no highlights click 
settings page does not cache
 <meta http-equiv=”pragma” content=”no-cache”>
<meta http-equiv=”cache-control” content=”no-cache”>
<meta http-equiv=”expires” content=”0″>

 

Guess you like

Origin www.cnblogs.com/wangxi01/p/11343894.html