Viewport is the browser to display the page screen area, the viewport can be divided into: Local viewport, visual viewport, ideal viewport
2.1 layout viewport layout viewport
- General mobile device's browser by default set up a layout viewport to address the problem of early PC-side pages displayed on mobile phones
- iOS, Android will be the basic viewport resolution is set to 980px, so most of the pages on the PC can be presented on the phone, but the elements seem small, general default can be manually zoom the page.
- The viewport is not suitable for page layout, the user experience is not good.
2.2 visual viewport visual viewport
- It is an area that the user is seeing the site. Note: The area is the site of
- We can zoom to operate the visual viewport, but will not affect the layout viewport, the layout viewport still retains its original width
2.3 over the viewport idea viewport
- In order to have the best site in a mobile terminal browser and reading width set.
- Over the viewport, the device is ideal for the viewport size
- Add the viewport meta tag tells the browser requires manual operation
- The main purpose of the viewport meta tag: uniform width layout viewport, simple to understand, is how wide the equipment, we have a multi-layout viewport width