Those meta tags that need to be added to html mobile websites

1. HTML5 related meta and tags to be added to mobile websites
a.226321758328c191798891b609205843

<meta name="
viewport
" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

## The web page width defaults to the screen width (width=device-width),
The initial scaling ratio (initial-scale=1) is 1.0, that is, the initial size of the web page occupies 100% of the screen area.

## b. b6c86247dd35714e343082d449797e51

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

## c.8010a9cf31bdfb42911d182bde2360ea

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

## d.47c27e5b54f799a2d9c30f4f16d282a8

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

## e.aa2036bb6732978a3725fa009c0d04cf

  <link rel="shortcut icon" href="http://p.www.xiaomi.com/favicon.ico" type="/image/x-icon">

f. 8f4a77c119cfb4da2ff86db05354b801

 <link rel="apple-touch-icon-precomposed" href="http://a.tbcdn.cn/mw/s/hi/tbtouch/images/touch-icon.png">

## =========== =======
There is another interesting method

I found this sentence when creating html5, as follows:

 <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/>

The effect that can be achieved by writing this way is that if installs
GCF (the abbreviation of Google Chrome Frame Google Embedded Browser Framework), then GCF will be used To render the page, if GCF is not installed, the highest version of IE kernel will be used for rendering. This plug-in can keep the user's

IE browser

externally unchanged, but when users browse the web, they are actually using the Google Chrome browser core, and supports multiple versions of IE such as IE6, 7, and 8. browser.

The above is the detailed content of Those meta tags that need to be added to html mobile websites. For more information, please follow other related articles on the PHP Chinese website!