Viewport: is the browser display screen area of the page content
Viewport divided into: visual layout viewport Viewport viewport ideal
Layout viewports:
General mobile end device browsers set a default viewport layout, in order to solve the problem of early pc-page display on a mobile terminal
Apple Andrews, basically set the resolution of the viewport 980px
Visual viewport: Do you see the page area, referring to the region URL
By scaling to the viewport does not affect the operation of the visual layout viewports
Ideal viewports:
1 is the best site in the browser of the mobile device status (read and browse the design width)
2. The apparatus for size is optimal.
3. Introducing a meta tag, the notification operation corresponding browser.
The main purpose is to make the tag 4.meta layout viewport width should be consistent over the width of the window. How wide is the equipment, the layout viewports have wide.
meta tags:
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
uniform width width = device-width of the current width of the current device
initial-scale = 1 the initial scale (default 1)
minimum-scale = 1 allows the user to scale the minimum scaling (default 1)
Maximum maximum-scale = 1 allows the user to zoom ratio (default 1)
user-scalable = no whether users can manually zoom (not allowed by default) because we do not want users to zoom the page.
Note: The mobile terminal must be written meta tags, and zoom is prohibited.
Role: for the viewport
Viewport scale: screenshot 375px out in an apparatus to measure the value of ps ps 750px is larger than the value of the device in double px