Mobile H5 header definition style

 <meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
 <meta name="apple-mobile-web-app-capable" content="no" />
 <meta name="format-detection" content="telephone=no,email=no,adress=no"/>

1. width=device-width width: the width of the visual area, the value can be a number or the keyword device-width (device width)

2. initial-scale=1.0, initial-scale: the first time the page is displayed The zoom level of the visible area. If the value is 1.0, the page will be displayed according to the actual size without any scaling. (Initial scale)

3. maximum-scale=1.0, minimum-scale=1.0; the zoom level of the visible area, maximum-scale is a program where users can enlarge the page. 1.0 will prohibit the user from enlarging the page to the actual size. above.

4. user-scalable: Whether the page can be zoomed, no scaling is prohibited

5. apple-mobile-web-app-capable: The function of this meta is to delete the default Apple tools bar and menu bar.

content has two values ​​"yes" and "no". When we need to display the toolbar and menu bar, there is no need to add this line of meta. The default is to display it.

6.

format-detection translated into Chinese It is "format detection". As the name suggests, it is used to detect some formats in html. The format-detection attribute of meta mainly has the following settings:

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

meta name="format-detection" content="email=no"

meta name="format-detection" content="adress=no"

You can also write: meta name="format-detection" content="telephone=no,email=no,adress=no"

The following is a detailed description of the role of each setting:

1.telephone

You clearly wrote a string of numbers without adding a link style, but the iPhone will automatically add a link style to your text, and clicking on the number will automatically dial the number! How to remove this dial-up link? At this time, our meta should show its magic again. The code is as follows:

telephone=no prohibits converting numbers into dial-up links!
telephone=yes turns on the conversion of numbers into dial-up links. To turn on the conversion function, there is no need to write this meta. It is turned on by default!

2. email

Tell the device not to recognize the email address and not automatically send it after clicking.

email=no is prohibited as an email address!
email=yes will enable the default text as the email address. There is no need to write this meta. It is enabled by default!

3. adress

adress=no Jumping to the map is prohibited!
adress=yes turns on the function of clicking the address to jump directly to the map. It is turned on by default!

For more articles related to the H5 header definition style on the mobile phone, please pay attention to the PHP Chinese website!