Page Adaptive <meta name= "viewport" > Label settings

Viewport

It is set up in the page, is to deal with the mobile phone mode access to the site, the page to the screen and some settings. Usually when the mobile browser opens the page, the page is placed in a virtual "window"-this is larger than the window, that is, you often find that the page can be dragged, zoomed in and small, this window is Viewport,meta this viewport property basic all mobile browser support. <meta name= "viewport" content= "width=device-width,initial-scale=1.0" >

Content Property Value:

• Width : The range of the viewable area, the value can be a number or keyword device-width;
• Height: with width;
• Intial-scale: The first time the page is displayed is the zoom level of the viewable area, the value of 1.0 is displayed by the actual size, without any zoom;
• maximum-scale=1.0, minimum-scale=1.0; The zoom level of the viewable area, Maximum-scale user can enlarge the page program, 1.0 will prohibit the user to enlarge above the actual size.
• user-scalable: Whether the page can be scaled, no disables scaling

Page Adaptive <meta name= "viewport" > Label settings