How much do you know about the meta on the phone?

First, the Sky Cat

<title> Day Cat Touch screen version </title> 
<meta content= "text/html charset=utf-8" http-equiv= "Content-type" >     
<meta charset= "Utf-8" >             
<meta content= "Width=device-width, initial-scale=1.0, maximum-scale=1.0, User-scalable=0 "name=" viewport ">     
<meta content=" yes "name=" apple-mobile-web-app-capable ">     
< Meta content= "BLACK" name= "Apple-mobile-web-app-status-bar-style" >     
<meta content= "Telephone=no" Format-detection ">

Second, Taobao

<title> Taobao touch screen version </title>
<meta charset= "Utf-8" >
<meta content= "yes" name= Apple-mobile-web-app-capable ">
<meta content=" yes "name=" Apple-touch-fullscreen ">
<meta Content= "Telephone=no" name= "format-detection" > <meta content= "Black
" Name= " Apple-mobile-web-app-status-bar-style ">
<meta property=" Wb:webmaster "content=" C51923015ca19eb1 ">
<meta name= "author" content= "m.taobao.com" >
<meta name= "copyright" content= "Copyright©" m.taobao.com Copyright ">
<meta name=" Revisit-after "content=" 1 days ">
<meta name=" keywords "content= "" >
<meta name= "description" content= "" >

Iii. Beijing-East

<title> Jing Dong-Mobile version </title>
<meta name= "viewport" content= width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0; " >
<meta name= "format-detection" content= "Telephone=no" > <meta name= "Keywords" content= "
mobile shopping, WAP Mall, Daily necessities, 3C home appliances, automotive supplies ">
<meta name=" description " 
content=" Beijing-East mobile phone version provides including digital, home appliances, mobile phones, computer accessories, network products,
Daily necessities such as tens of thousands of kinds of goods, mobile phone fast shopping, on the Beijing-East mobile version. ">

Four, NetEase

<title> Mobile NetEase Network </title>
<meta charset= "UTF-8" >
<meta content= "Width=device-width, User-scalable=no "name=" viewport "> <meta name=" Apple-itunes-app "content="
app-id=425349261 ">
<meta name= "apple-mobile-web-app-capable" content= "yes" >

Five, Baidu

<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 ">
<meta name=" viewport "content=" width=device-width,minimum-scale=1.0,maximum-scale=1.0, User-scalable=no ">
<meta name=" format-detection "content=" Telephone=no ">

Meta-refers to elements that provide meta information about the page (meta-information), such as descriptions and keywords for search engines and update frequencies. The label is on the head of the document and contains no content. The label's properties define the name/value pairs associated with the document.

What is unique to the handset side?

<meta content= "Width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name= "viewport" >     
<meta content= "yes" name= "apple-mobile-web-app-capable" > <meta content= "Black     
" Name= " Apple-mobile-web-app-status-bar-style ">     
<meta content=" Telephone=no "name=" Format-detection ">

The first META tag says: Force the width of the document to 1:1 of the width of the device, and the maximum width of the document is 1.0, and does not allow the user to click on the screen to enlarge the view;

The height of the width-viewport width height-viewport   
initial-scale-The initial scaling  
Minimum-scale-Allows the user to zoom to the minimum scale   
Maximum-scale -Allows the user to zoom to the maximum scale  
user-scalable-whether the user can scale manually

The second meta tag is the safari private meta tag in the iphone device, which says: "Allow Full-screen mode browsing;"
The third meta tag is also the iphone's private label, which specifies the style of the top state bar of safari in the iphone;

The color of the status bar (the top bar of the screen) under the Web App
, default (white), and black and black-translucent (gray semitransparent).
Note: If the value is "Black-translucent" will occupy the page px position, floating in the top of the page
(will cover the page 20px height –iphone4 and itouch4 Retina screen for 40px).

The fourth meta tag says: Tell the device to ignore the number on the page to recognize it as a phone number.