Mobile-side Adaptation properties

Various properties of <meta> ( Mobile side )

I. <meta name= "viewport" content= "Width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, User-scalable=no "/>

Name= "Viewport" screen Setup window model

minimum-scale=1.0, maximum-scale=1.0 maximum minimum zoom ratio of 1 does not allow zooming

Width=device-width User-scalable=no Set the content and device with the screen and other high width

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

Apple-mobile-web-app-capable Delete Apple default toolbar and menu bar The default is "No" can not write

Three. Format-detection translated into Chinese means "format detection", as the name implies, it is used to detect some of the HTML format, the Format-detection property about meta is mainly the following several settings: Meta name= " Format-detection "content=" telephone=no "meta name=" format-detection "content=" email=no "meta name=" format-detection "Content=" Adress=no "can also ligatures: Meta name=" format-detection "content=" Telephone=no,email=no,adress=no "below specifically the role of each setting: 1, telephone

You write a bunch of numbers without a link style, and the iphone will automatically add your text link style, and click on this number will automatically dial! Want to get rid of this dial-up link how to do it? Then our meta is prowess again, the code is as follows:

Telephone=no banned the conversion of numbers to dial-up links!
Telephone=yes turned on the number into a dial-up link, to turn on the conversion function, this meta will not have to write, in the default is the case is open!

2. Email

Tell the device not to recognize the mailbox and not send it automatically after clicking

Email=no prohibited as an email address!
Email=yes opened the text default to the email address, this meta will not have to write, in the default is the case is open!

3, adress

adress=no no jump to the map!
adress=yes opens the function of clicking the address to jump directly to the map, in the case of the default is the Open

Four. Apple-mobile-web-app-status-bar-style attributes and meanings in meta tags

The "Apple-mobile-web-app-status-bar-style" function is to control the status bar display style

(Default sample)

The specific results are as follows:

Status-bar-style:black

Status-bar-style:black-translucent

Mobile-side Adaptation properties