Today need to do mobile phone access to the page, so the meta of the collation.

<meta name= "viewport" content= "Width=device-width, initial-scale=1, minimum-scale=1.0,user-scalable=0" >

Width=device-width: Indicates width is the width of the device screen
initial-scale=1.0: Indicates the initial zoom ratio
minimum-scale=0.5: Represents the minimum zoom ratio
Maximum-scale=2.0: Represents the maximum zoom ratio
User-scalable=yes: Indicates whether the user can adjust the zoom scale--

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

Delete the default Apple toolbar and menu bar. The content has two values "yes" and "no", and when we need to display the toolbar and menu bar, the row meta is not added, the default is display.

<meta name= "Apple-mobile-web-app-status-bar-style" content= "Black" >

Control status bar display style "default", "Black", "black-translucent"

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

This tab is used to specify whether to display the phone number in the page content as a dial-up hyperlink

Today need to do mobile phone access to the page, so the meta of the collation.