1. Set browser compatible version
<Meta http-equiv = "X-UA-Compatible" content = "IE = 8"> represents IE browser default version 8
<Meta http-equiv = "X-UA-Compatible" content = "IE = edge"> represents the highest IE browser version is selected by default
2. The mobile terminal-specific label
(1). Viewport
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
Viewport role: in a mobile browser when the page width beyond the internal virtual devices, a browser page container, the container page to zoom equipment is so big, and then show.
Most mobile browser viewport (container carrying the page) width is 980;
The width of the viewport may be provided by meta tags
This property is movable end page viewport is set, the current value of the page represents the width of the moving end of the device width and not scaled (zoom level 1)
+ Width: the width of the viewport
+ Initial-scale: Scale initialization
+ User-scalable: whether to allow user-scaling (value: yes / no; 1/0)
+ Minimum-scale: minimum zoom, the user is not allowed to set general scale, there is no need to set minimum and maximum zoom
+ Maximum-scale: the maximum zoom
(2) Whether to allow full-screen
<meta content="yes" name="apple-mobile-web-app-capable">
The meta tag is a private safari iphone device in the meta tags, it says: allows full-screen browsing mode;
(3) The top status bar color
<meta content="black" name="apple-mobile-web-app-status-bar-style"
The meta tags are iphone private tag, the status bar at the top of its iphone safari in the specified style;
In the web app application status bar (bar top of the screen) of the color; the default value default (white), may be set to Black (black), and black-translucent (semi-transparent gray). Note: If the value of "black-translucent" page will occupy the position px, floating on the top of the page (overrides the page and 20px height -iphone4 itouch4 the Retina screen 40px).
(4) Ignore digital identification for the phone number
<meta content="telephone=no" name="format-detection">
The meta tags, said: tell the device to ignore the digital identification page for the phone number.
